Coral Coast color palette — #FFEEE8 · #E3767A · #7D4A16 · #403532 · #27201F

A conversation between Watermelon and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEEE8): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#E3767A): A luminous, balanced red — the color of late-summer berries.
• Coffee (#7D4A16): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#403532): quiet, heavy and certain.
• Onyx (#27201F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Coral Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Hushed Amber color palette (#FCEFE2, #D3882B, #6D5500, #3D372F, #26201D)
• Tempered Wisteria color palette (#FEEDEF, #D074C7, #6B514B, #423435, #271F22)
• Hushed Market color palette (#FCF1FB, #E79494, #634D5A, #332632, #110E13)
• Ember Terrace color palette (#FCEBE1, #E05000, #5C3F07, #342116, #1B0D0A)
• Antique Stone color palette (#F8EEF7, #E9A0A2, #8B747C, #5F4E5F, #232026)
• Ancient Pier color palette (#FFF3E8, #E3A069, #6CAED2, #8187BA, #47413C)
• Antique Terrace color palette (#E7DDD2, #835600, #384744, #262600, #100700)
• Hushed Apricot color palette (#FEF3EA, #FFAF7C, #7EB9E1, #B77D58, #2F564A)

Browse the whole catalog at Explore, or see today's palette.