Coral Lagoon color palette — #FBF2FA · #DDD89C · #D47574 · #845453 · #271E26

A conversation between Coral Clay and Wheat, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Wheat (#DDD89C): A whisper-light, dusty green — the color of new leaves after rain.
• Coral Clay (#D47574): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#845453): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#271E26): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Ash Study color palette (#F6F3FF, #CCDEA7, #B87EB2, #675C7F, #231F2B)
• Ancient Amber Cabin color palette (#F0F7F0, #EED28F, #BA8B46, #4F6C50, #1B241B)
• Timeworn Bronze Parlor color palette (#FFF2EC, #E8BA8C, #A15C4B, #5F362B, #2C1E17)
• Misty Rust Ridge color palette (#F4DDEA, #DFBD00, #CC5500, #813200, #1B0714)
• Worn Bronze color palette (#D5E4D3, #A58200, #663F00, #211100, #000300)
• Patina Taupe Villa color palette (#FAF3F6, #CCDADD, #B7B5BF, #D0A07B, #504449)
• Washed Terracotta color palette (#F4E5F0, #A99700, #A02200, #4E0B00, #050004)
• Tempered Coral Archive color palette (#FAF3F8, #FFC5BA, #97BD57, #EC7D6B, #102923)

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