Coral Grove color palette — #FFF1F5 · #FFD2D9 · #E2867F · #A45641 · #5B3724

Built around Watermelon, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#FFD2D9): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#E2867F): A luminous, balanced orange — the color of toasted spice.
• Ochre (#A45641): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5B3724): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, 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

• Washed Hollow color palette (#FFF1F3, #FFCAEE, #D884AE, #984E65, #63373B)
• Worn Rust Studio color palette (#F4E0FF, #E48595, #C9504E, #90432C, #603D51)
• Airy Rust Boulevard color palette (#EFE9FC, #DA86A0, #C54945, #7C3400, #392200)
• Apricot Garden color palette (#FFF2EC, #ECD8BF, #E1A478, #9C7649, #624100)
• Wandering Pier color palette (#FFF2EB, #E9D8C3, #D98968, #89462D, #381000)
• Wandering Bronze color palette (#FDF4E2, #DCE2B2, #A89F6F, #8A6221, #32322B)
• Powdered Ember color palette (#FFF2EC, #FFC4B9, #5ECDDE, #CD6858, #004148)
• Sunlit Amber color palette (#FFF2EB, #FFB468, #C98B00, #775C00, #3C3700)

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