Coral Lagoon color palette — #FFF0F8 · #FFC9D3 · #E87C7C · #9A5C42 · #5C3847

Watermelon and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#FFC9D3): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#E87C7C): A luminous, balanced orange — the color of autumn markets.
• Walnut (#9A5C42): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5C3847): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Pale Balcony color palette (#FBD2F4, #FFAAC8, #E98A82, #B86D4A, #5E3846)
• Terracotta Atelier color palette (#FFD4CF, #D58A9A, #BA5358, #9B3113, #633927)
• Washed Apricot color palette (#FFF1F4, #F6D4C0, #EB8C6B, #8D5B2C, #224128)
• Softworn Apricot color palette (#FFF2EE, #EAD8C0, #DF916C, #804834, #3A1608)
• Timeworn Wisteria color palette (#F6F3FF, #ECBBFF, #C67EC0, #8E516B, #513B56)
• Patina Ember color palette (#FFF0FC, #FFC3BC, #5ACDE2, #C56D64, #00404A)
• Misty Ember color palette (#FFEBEE, #FF8D80, #CF5700, #774100, #312100)
• Vanilla Studio color palette (#FFF0FC, #FCF8C4, #D5DCCE, #B59FC4, #56444F)

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