Cocoa Lagoon color palette — #DEF3FF · #00647C · #6E4200 · #413800 · #00151C

Bronze takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00647C): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#413800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00151C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Denim Lagoon color palette (#D8EBFF, #004D8D, #553B00, #2C2E00, #000716)
• Mulberry Basin color palette (#D3EFFF, #006085, #8B0052, #3B3F00, #000408)
• Garnet Courtyard color palette (#CFE6DA, #006B4C, #901700, #5A3200, #00170D)
• Dusty Plum Veranda color palette (#DAEEFA, #007EAE, #B42470, #585E00, #001420)
• Olive Studio color palette (#D6E7D8, #7A7B00, #5B4000, #441900, #051C00)
• Feathered Amethyst color palette (#E1E5F6, #7150C6, #007238, #00544B, #20183A)
• Frosted Wisteria Corridor color palette (#C2E7F8, #8FB3FF, #B16EC0, #005C42, #052A45)
• Moonless Nightshade color palette (#EAEFFC, #1C25A5, #223C00, #002717, #000010)

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