Coral Coast color palette — #FFF1F1 · #FFC9CD · #DF7A61 · #AA5F00 · #503D10

Coral Clay takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFC9CD): A whisper-light, dusty red — the color of embers at dusk.
• Coral Clay (#DF7A61): A luminous, balanced orange — the color of toasted spice.
• Ochre (#AA5F00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#503D10): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Powdered Blush Grove color palette (#FFDCEC, #EA7D88, #B6553D, #7C511D, #454C25)
• Soft Marigold color palette (#FFF2ED, #FFD2BC, #D49743, #8D7300, #363D0C)
• Sunlit Alley color palette (#FEE7FF, #FFB6AC, #FE7D54, #B77048, #633F4D)
• Ancient Bronze color palette (#FEE4E1, #B45800, #533700, #1B1A00, #000200)
• Bronze Archive color palette (#FFF1F4, #FF9173, #BD6700, #6E4E00, #2B2900)
• Aged Pewter color palette (#FFF2EB, #F1D8BC, #C3907C, #985261, #34312B)
• Weathered Amber color palette (#FFF3E8, #DEDAC9, #D38D51, #834500, #2C1200)
• Powdered Boulevard color palette (#FFF0F7, #FDC4FA, #D977A3, #A54050, #5A2920)

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