Cocoa Lagoon color palette — #E0F3FF · #005A74 · #682700 · #002531 · #0F0200

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E0F3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005A74): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#682700): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0F0200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: 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

• Navy Grove color palette (#D6E4F7, #004BA8, #573600, #001D4B, #0B0400)
• Weathered Garnet color palette (#D2F5FA, #005F51, #74003F, #002720, #130006)
• Patina Quarry color palette (#CDEBDE, #00729B, #983000, #003E55, #110200)
• Charred Garnet color palette (#D4E4EF, #004561, #610039, #242600, #000204)
• Hushed Harbor color palette (#D4E5F1, #0071A0, #002F4A, #261D24, #000A13)
• Hazy Parlor color palette (#E4E9FF, #6446B2, #4E5000, #340075, #101100)
• Fern Boulevard color palette (#D4EAD7, #675901, #392800, #1C0D00, #030400)
• Indigo Orchard color palette (#D9E7EF, #6A95D2, #6E61AF, #003C43, #000B1C)

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