This Oscar gala-inspired palette pairs rich gold, velvet red, and black-tie emerald for a cinematic, high-contrast identity that feels formal and celebratory. The supporting tones and neutrals keep the system elegant, readable, and suitable for premium event touchpoints and digital interfaces.
This Oscar gala-inspired palette pairs rich gold, velvet red, and black-tie emerald for a cinematic, high-contrast identity that feels formal and celebratory. The supporting tones and neutrals keep the system elegant, readable, and suitable for premium event touchpoints and digital interfaces.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
Rich gold, velvet red, and black-tie green create a recognizable awards-night system with strong ceremonial contrast and a distinctly cinematic mood. The combination feels formal and iconic without relying on a single predictable luxury cue.
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.
Rich gold, velvet red, and black-tie green create a recognizable awards-night system with strong ceremonial contrast and a distinctly cinematic mood. The combination feels formal and iconic without relying on a single predictable luxury cue.
RolesLogo, Btn Primary Bg
Gold captures the spotlight and gives the brand an unmistakable awards-night presence.
#D4AF37212, 175, 5546, 65, 520, 17, 74, 17RolesLink, Btn Secondary Bg
Crimson adds dramatic warmth and red-carpet energy without overpowering the palette.
#7A1E2C122, 30, 44351, 61, 300, 75, 64, 52RolesBtn Outlined Border, Btn Outlined Text, Headline
Emerald brings a refined formal contrast that feels polished and ceremonial.
#0F4C4515, 76, 69173, 67, 1880, 0, 9, 70The support colors extend the main palette with quieter tonal contrast, adding depth and balance while staying clearly subordinate to the gold, crimson, and emerald core. They help guide emphasis in interfaces without shifting the palette away from its gala character.
RolesIcon, Border
Bronze softens the gold family and works well for restrained accents and structural details.
#8C6A3D140, 106, 6134, 39, 390, 24, 56, 45RolesDivider, Outline
Slate adds cool, neutral discipline that balances the warmth of the gala colors.
#5E6B7394, 107, 115203, 10, 4118, 7, 0, 55Utility colors for backgrounds, text, borders, and balance.
RolesBg Dark, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Light
#F7F3EC247, 243, 23638, 41, 950, 2, 4, 3RolesText, Btn Primary Text
#12121218, 18, 180, 0, 70, 0, 0, 93Copy 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-gold: #D4AF37;
--color-crimson: #7A1E2C;
--color-emerald: #0F4C45;
--color-bronze: #8C6A3D;
--color-slate: #5E6B73;
--color-white: #FFFFFF;
--color-ivory: #F7F3EC;
--color-charcoal: #121212;
}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: #D4AF37;
--role-btn-primary-bg: #D4AF37;
--role-link: #7A1E2C;
--role-btn-secondary-bg: #7A1E2C;
--role-btn-outlined-border: #0F4C45;
--role-btn-outlined-text: #0F4C45;
--role-headline: #0F4C45;
--role-icon: #8C6A3D;
--role-border: #8C6A3D;
--role-divider: #5E6B73;
--role-outline: #5E6B73;
--role-bg-dark: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-light: #F7F3EC;
--role-text: #121212;
--role-btn-primary-text: #121212;
}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.{
"gold": "#D4AF37",
"crimson": "#7A1E2C",
"emerald": "#0F4C45",
"bronze": "#8C6A3D",
"slate": "#5E6B73",
"white": "#FFFFFF",
"ivory": "#F7F3EC",
"charcoal": "#121212"
}