This vibrant palette balances a bold coral main color with warm golden and soft teal supports, anchored by a strong dark charcoal and clean neutrals for readability and contrast.
This vibrant palette balances a bold coral main color with warm golden and soft teal supports, anchored by a strong dark charcoal and clean neutrals for readability and contrast.
Each column shows a usable logo color on a palette background, with contrast checked for clarity.
A neutral card system with the logo color, contact text, and a restrained palette accent.
A mobile landing page preview with logo, navigation, headline, CTA, content card, and chart color usage.
The triadic main colors coral, gold, and teal create a lively and harmonious visual identity that is memorable and versatile for food and beverage branding.
Numbers, pie charts, bars, stacked bars, and lines reveal whether the palette can support real product interfaces.
Assign existing palette colors to brand, typography, and interface roles.
CMYK values are calculated from HEX by default. Adjust them only when preparing print materials.
A compact view of the brand, support, and neutral colors that make up this system.
The triadic main colors coral, gold, and teal create a lively and harmonious visual identity that is memorable and versatile for food and beverage branding.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text
Coral brings energetic warmth and appetite appeal, perfect for attracting attention and creating memorable brand recognition.
#FC6A50252, 106, 809, 97, 650, 58, 68, 1RolesHeadline, Btn Secondary Bg
Goldenrod adds a rich, warm accent that complements coral by enhancing the brand's inviting and fresh personality.
#D9A441217, 164, 6539, 67, 550, 24, 70, 15Teal injects cool balance and vibrancy, grounding the palette with freshness and versatility to broaden appeal.
#3CA6A660, 166, 166180, 47, 4464, 0, 0, 35Support colors extend the palette by introducing soft, subtle tonal variations in warm browns and muted blues, reinforcing the main colors without overpowering them.
RolesIcon, Border, Divider, Outline
Russet offers a muted warm brown that harmonizes with coral and goldenrod, providing depth and a natural feel for interface elements.
#B87A57184, 122, 8722, 41, 530, 34, 53, 28Slate Teal gently echoes the teal main color with a softer tone, enhancing supporting elements while maintaining palette cohesion.
#7AA6A5122, 166, 165179, 20, 5627, 0, 1, 35Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F7F7F7247, 247, 2470, 0, 970, 0, 0, 3RolesText, Btn Primary Text, Btn Secondary Text
#2A2A2A42, 42, 420, 0, 160, 0, 0, 84Copy palette values for design systems, websites, and client handoff. You can also copy this palette for Logo Export on myLogo.review, so your colors are ready there in one click.
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-coral: #FC6A50;
--color-goldenrod: #D9A441;
--color-teal: #3CA6A6;
--color-russet: #B87A57;
--color-slate-teal: #7AA6A5;
--color-white: #FFFFFF;
--color-ivory: #F7F7F7;
--color-charcoal: #2A2A2A;
}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: #FC6A50;
--role-link: #FC6A50;
--role-btn-primary-bg: #FC6A50;
--role-btn-outlined-border: #FC6A50;
--role-btn-outlined-text: #FC6A50;
--role-headline: #D9A441;
--role-btn-secondary-bg: #D9A441;
--role-icon: #B87A57;
--role-border: #B87A57;
--role-divider: #B87A57;
--role-outline: #B87A57;
--role-bg-light: #FFFFFF;
--role-bg-dark: #F7F7F7;
--role-text: #2A2A2A;
--role-btn-primary-text: #2A2A2A;
--role-btn-secondary-text: #2A2A2A;
}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.{
"coral": "#FC6A50",
"goldenrod": "#D9A441",
"teal": "#3CA6A6",
"russet": "#B87A57",
"slate-teal": "#7AA6A5",
"white": "#FFFFFF",
"ivory": "#F7F7F7",
"charcoal": "#2A2A2A"
}