Tempered Cocoa Lagoon color palette — #E4F2FB · #006582 · #6B3C00 · #002F3E · #060200

Bronze and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E4F2FB): bright and airy, almost weightless.
• Peacock (#006582): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6B3C00): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered 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

• Hushed Garnet Chapel color palette (#BFEAEE, #00686E, #8B002B, #003034, #0A0001)
• Ultramarine Delta color palette (#DEE6F3, #0053BF, #574800, #00255F, #040300)
• Cocoa Dune color palette (#DBEAF3, #005071, #652B00, #442700, #000103)
• Chalky Lantern color palette (#D6F8E9, #0082B0, #9B4E00, #004C68, #1D0900)
• Washed Violet color palette (#D7F0FF, #7B9BEA, #965CAE, #00494A, #000717)
• Powdered Quarry color palette (#CEEADD, #008AB5, #477600, #004259, #010200)
• Rust Pier color palette (#CEEDE2, #C03700, #006B8D, #080C13, #000103)
• Nocturne Cobalt color palette (#D7E7F5, #0076B1, #003860, #001326, #000104)

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