Coral Grove color palette — #FFF1F4 · #FFCDD4 · #D77C80 · #AA5C59 · #5A3029

A conversation between Watermelon and Brick, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FFCDD4): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#D77C80): A luminous, balanced red — the color of embers at dusk.
• Brick (#AA5C59): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5A3029): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Coral Grove 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

• Worn Amber color palette (#FFF2EE, #FFCFBD, #DB8A5C, #965927, #553616)
• Dusty Villa color palette (#EFE4FF, #FEB8CA, #EC838A, #CD684D, #6C3E20)
• Tempered Quarry color palette (#F4DEDF, #EB8EAD, #C14057, #7D3416, #3F2206)
• Ember Villa color palette (#FFF0FD, #FFC3C0, #B4B2F8, #CE6565, #35325B)
• Wisteria Villa color palette (#FBF1FF, #F5BBF9, #CC83C5, #8F5382, #552D45)
• Softworn Bronze color palette (#F9E6DC, #A85400, #5E3400, #281500, #020100)
• Powdered Mustard Basin color palette (#FFF0FB, #F3A493, #BBAB58, #B37BB3, #3A2234)
• Worn Amber Quarry color palette (#FFF2EA, #FFBA72, #BF7E00, #7D5800, #3E2E00)

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