Cocoa Lagoon color palette — #C9E7F9 · #005B72 · #6D2F00 · #003021 · #000304

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

The five colors

• Frost (#C9E7F9): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005B72): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#6D2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#003021): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Garnet Atelier color palette (#DBF7F6, #006337, #830019, #1A2E00, #000303)
• Muted Nightshade color palette (#D6E8FF, #004AAD, #712900, #2A2B00, #010D22)
• Faded Garnet color palette (#DCE8F1, #0082B7, #82001C, #003B56, #030003)
• Spruce Grove color palette (#D1E9FF, #00486F, #01430C, #002404, #000103)
• Weathered Veranda color palette (#C5E4FE, #0073A7, #695B00, #00434F, #000C17)
• Mulberry Station color palette (#E7E0F1, #8F0072, #6C3000, #003020, #04000B)
• Wandering Loft color palette (#E1DEF3, #9134A1, #525C00, #003D4B, #09031B)
• Sapphire Workshop color palette (#FAE7F9, #0069ED, #924800, #3C3B00, #030003)

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