Coral Grove color palette — #FFF1F2 · #FFD5D2 · #E38980 · #A45D4D · #5D3422

A conversation between Salmon and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFD5D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Salmon (#E38980): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#A45D4D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5D3422): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. 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

• Aged Ember color palette (#F0E0FF, #FFB6C5, #F28E7D, #C86538, #5D3D14)
• Misty Apricot color palette (#FFF2EC, #FFC29B, #D69457, #906126, #583E14)
• Softworn Rust color palette (#FFD1E5, #E7889B, #CB4841, #7B3412, #342F2A)
• Timeworn Rust Thicket color palette (#FFE0D6, #FF9769, #C66000, #7F4300, #3D2100)
• Blush Grove color palette (#FEF0FF, #FFC3F5, #D385B8, #915173, #542A3C)
• Washed Garden color palette (#FFF0F8, #EEDDBC, #E6AC7A, #A67C51, #3D523C)
• Faded Ember Boulevard color palette (#FFF0FC, #FFC3BA, #BDADFC, #CD685B, #3A3158)
• Stone Market color palette (#FFF0F8, #E5D6D4, #DBA091, #9EB1BE, #543E47)

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