Coral Coast color palette — #F9F2FF · #F9B8C2 · #DB877F · #9F6040 · #6B3D02

A conversation between Watermelon and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Ballet Pink (#F9B8C2): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#DB877F): A luminous, balanced orange — the color of autumn markets.
• Ochre (#9F6040): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#6B3D02): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Hushed Cocoa Studio color palette (#FFF1F3, #E5D6CE, #E3A69D, #A1624C, #5F2900)
• Linen Bronze color palette (#F9E4E3, #E9865E, #AD5B00, #664700, #272100)
• Tempered Blush Loft color palette (#F3F4FF, #E6C2EF, #CC87B5, #9F5A72, #72353B)
• Tempered Mallow Thicket color palette (#F4F4FF, #EA9EC1, #B7746A, #7B4F2A, #564C00)
• Amber Lagoon color palette (#FFF0FA, #FBC5A3, #C8994D, #7D6D29, #464A00)
• Amber Delta color palette (#FFDEE0, #FF9989, #D76500, #7E4D00, #403000)
• Amber Quarry color palette (#EDF9EF, #E7AAB9, #C08066, #3A7D6A, #524151)
• Worn Coral Workshop color palette (#F8EEF7, #DB7C77, #6C4D5E, #3E343D, #242025)

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