Cocoa Lagoon color palette — #F9EDFF · #DFAFC5 · #AE7276 · #7A3F2D · #462700

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#F9EDFF): A whisper-light, dusty violet — the color of wild irises.
• Carnation (#DFAFC5): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#AE7276): A luminous, dusty red — the color of a theater curtain.
• Bronze (#7A3F2D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#462700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Hushed Coast color palette (#FFF2F0, #DDA8B1, #B87071, #923F36, #633C00)
• Chestnut Workshop color palette (#FFEDE9, #EBB6AE, #9F7854, #695015, #272E00)
• Timeworn Onyx color palette (#FFEBFA, #C7B8ED, #98749B, #723D57, #531215)
• Ancient Terracotta Corridor color palette (#F2E0E8, #CE6871, #973A00, #3F2500, #120F00)
• Ash Basin color palette (#F6F2E3, #C89ABF, #9A6B61, #385B44, #3C2523)
• Softworn Grove color palette (#FFEDED, #D8B7AC, #A19182, #597267, #384B44)
• Muted Rust color palette (#FBDEE1, #B64B0B, #613B00, #281F00, #050800)
• Hushed Stone color palette (#FDEEEB, #EFCBCA, #E4B083, #C99C6F, #3D241A)

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