Cocoa Lagoon color palette — #F3ECF1 · #D6C7CC · #8EA897 · #853B26 · #382833

Built around Rust, softened by Taupe — the whole palette hums with sophistication.

The five colors

• Blush (#F3ECF1): a clean, paper-quiet neutral.
• Oat (#D6C7CC): a calm mid-gray that lets other colors speak.
• Taupe (#8EA897): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#853B26): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#382833): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa 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

• Chestnut Courtyard color palette (#EAF0EB, #C3D0CA, #8DA7A3, #6C5000, #213325)
• Worn Terracotta color palette (#EEE8E4, #D3C9C1, #B0A191, #8C3602, #1F130A)
• Weathered Cocoa color palette (#E9DAE0, #B1BCB4, #7A958B, #673600, #2C1821)
• Aged Boulevard color palette (#F5EBF1, #E0D3D9, #CFADB8, #B74D0F, #382931)
• Antique Forest Basin color palette (#DAE9DD, #889351, #286424, #562F45, #003125)
• Ancient Amber color palette (#F6ECE7, #D7D4C2, #B8BDA0, #D37458, #3A2A21)
• Dusty Basalt Atelier color palette (#E3F0E5, #97B0A5, #688681, #493300, #041908)
• Olive Pier color palette (#F4D8F4, #AD8765, #6B6E32, #3B4370, #45264C)

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