Cocoa Lagoon color palette — #DCF0E6 · #00688A · #7F2F00 · #003143 · #200600

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

The five colors

• Honeydew (#DCF0E6): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#00688A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7F2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003143): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#200600): 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

• Faded Mulberry color palette (#D6E9CE, #006F62, #8C0049, #00352E, #24000F)
• Aged Chestnut Veranda color palette (#D9EAF2, #00869B, #915600, #004E5B, #1A0B00)
• Washed Ultramarine color palette (#FDE4FB, #1956C3, #654400, #00246F, #180D00)
• Garnet Field color palette (#DFF3FF, #005377, #770043, #2F3400, #000911)
• Azure Delta color palette (#CCE9FF, #269DE0, #924D00, #00547E, #482300)
• Hazy Rust Lagoon color palette (#C7EDFF, #009ACA, #C55E00, #006C8E, #1E0900)
• Cellar Cobalt color palette (#DCEEFB, #0079B7, #003C63, #000F1E, #000205)
• Olive Boulevard color palette (#E7DFD0, #746900, #483500, #2B1700, #0A0D00)

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