This vibrant color palette combines a bold and energetic orange primary color with complementary warm and neutral tones to evoke excitement and sociability, perfectly suited for an entertainment brand identity.
This vibrant color palette combines a bold and energetic orange primary color with complementary warm and neutral tones to evoke excitement and sociability, perfectly suited for an entertainment brand identity.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors unify a vivid orange with a complementary warm coral and a rich deep navy, forming a dynamic and recognizable color system for entertainment that captures energy and social warmth.
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
The main colors unify a vivid orange with a complementary warm coral and a rich deep navy, forming a dynamic and recognizable color system for entertainment that captures energy and social warmth.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text
A striking, pure orange expressing energy, enthusiasm, and social warmth ideal for the dynamic entertainment sector.
#FF6600255, 102, 024, 100, 500, 60, 100, 0RolesHeadline, Btn Secondary Bg
A vivid coral that enhances the main orange color with a softer but still warm and inviting emotional tone.
#FF6F61255, 111, 975, 100, 690, 56, 62, 0A deep navy anchors the palette by providing a strong contrast and stabilizing the warm hues with cool sophistication.
#22335534, 51, 85220, 43, 2360, 40, 0, 67The support colors extend the primary palette with two subtle yet rich hues that balance warmth with depth and grounding to complement the vivid main colors without overpowering them.
RolesIcon, Border, Divider, Outline
A muted, earthy brown that highlights the vibrant main colors with natural balance, ideal for subtle UI elements like borders and icons.
#996633153, 102, 5130, 50, 400, 33, 67, 40A soft khaki tone adding gentle warmth to headlines or accents, harmonizing with the palette's lively orange and coral.
#CCBB99204, 187, 15340, 33, 700, 8, 25, 20Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F5F5F5245, 245, 2450, 0, 960, 0, 0, 4RolesText, Btn Primary Text, Btn Secondary Text
#22222234, 34, 340, 0, 130, 0, 0, 87Copy palette values for design systems, websites, and client handoff.
Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.
Use when: you need the actual colors.:root {
--color-orange: #FF6600;
--color-coral: #FF6F61;
--color-navy: #223355;
--color-saddle-brown: #996633;
--color-khaki: #CCBB99;
--color-white: #FFFFFF;
--color-cultured: #F5F5F5;
--color-charcoal: #222222;
}Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.
Use when: you need UI roles, not just swatches.:root {
--role-logo: #FF6600;
--role-link: #FF6600;
--role-btn-primary-bg: #FF6600;
--role-btn-outlined-border: #FF6600;
--role-btn-outlined-text: #FF6600;
--role-headline: #FF6F61;
--role-btn-secondary-bg: #FF6F61;
--role-icon: #996633;
--role-border: #996633;
--role-divider: #996633;
--role-outline: #996633;
--role-bg-light: #FFFFFF;
--role-bg-dark: #F5F5F5;
--role-text: #222222;
--role-btn-primary-text: #222222;
--role-btn-secondary-text: #222222;
}Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.
Use when: a developer or app needs data.{
"orange": "#FF6600",
"coral": "#FF6F61",
"navy": "#223355",
"saddle-brown": "#996633",
"khaki": "#CCBB99",
"white": "#FFFFFF",
"cultured": "#F5F5F5",
"charcoal": "#222222"
}