Cocoa Lagoon color palette — #DAE8CA · #8CD2E0 · #BA9FBA · #9F8064 · #6B3E00
Built around Bronze, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#DAE8CA): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#8CD2E0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#BA9FBA): A luminous, dusty pink — the color of neon signs at night.
- Mocha (#9F8064): A luminous, dusty gold — the color of old brass.
- Bronze (#6B3E00): A full-bodied, balanced gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
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
- Soft Bronze Corridor color palette (#C8F4CC, #8ED2CE, #87B0D8, #B0704D, #693008)
- Ancient Cocoa color palette (#E8FCE3, #ADDDFF, #CAAABD, #A8967D, #6A4600)
- Dusty Powder Veranda color palette (#D8ECEF, #96BEFF, #A88CCB, #847A41, #483F00)
- Patina Stone color palette (#EFE7BB, #BCCCA2, #8EB59D, #9E786F, #5F3D35)
- Patina Boulevard color palette (#DAEEFF, #C9C9FF, #D294BE, #90926A, #334E2A)
- Muted Chestnut color palette (#D7FFF6, #A6E1D8, #839EBE, #785F3A, #2D442E)
- Garnet Harbor color palette (#D1F0F6, #83A6BA, #587496, #6D333A, #341C2C)
- Tempered Powder color palette (#D2EFFE, #82C6E8, #708EB3, #696687, #4B3F61)
Browse the whole catalog at Explore, or see today's palette.