Cocoa Lagoon color palette — #CBE8FD · #005471 · #662300 · #002230 · #030000

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#CBE8FD): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005471): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#662300): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Calm, Sophistication, Depth. Tagged dark, muted, cool.

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

• Smoked Meadow color palette (#CEE3E6, #00594C, #710033, #00251E, #040001)
• Obsidian Navy color palette (#D5E2F2, #00479D, #4C3800, #001C46, #020100)
• Twilit Garnet color palette (#CCECFB, #004257, #571B00, #331D00, #000102)
• Weathered Abyss color palette (#DBF1FF, #005A74, #2F4700, #002432, #030700)
• Patina Terracotta color palette (#C1E5F6, #007397, #8E3C00, #003E53, #0F0300)
• Terracotta Garden color palette (#EBF1D8, #AA2500, #00558E, #0A0B14, #000104)
• Ancient Mulberry color palette (#DAEFE5, #00759A, #8A008D, #003041, #030003)
• Moonless Fern Balcony color palette (#E4F3E7, #595500, #372700, #1A0900, #000201)

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