Charred Lagoon color palette — #DFF0FF · #004164 · #17252B · #380F00 · #040C00

A conversation between Navy and Onyx, giving this palette its sense of trust and stability.

The five colors

• Frost (#DFF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Navy (#004164): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#17252B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#380F00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#040C00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Deep Delta color palette (#E5ECFF, #3600A8, #1D252C, #2A1B00, #000D04)
• Timeworn Lagoon Drift color palette (#E6DAE5, #009296, #004357, #00240B, #00091B)
• Aubergine Terrace color palette (#DEDBF5, #5F0077, #1C1F26, #092500, #000D02)
• Byzantium Balcony color palette (#EAE3FF, #B100B7, #285A00, #003B3D, #02222F)
• Patina Denim Harbor color palette (#E3F2FF, #695598, #662537, #002520, #041500)
• Faded Harbor color palette (#CFE4FC, #0069BF, #6F3300, #003725, #001F1F)
• Wandering Corridor color palette (#E6E9FF, #7000C8, #363A00, #002715, #00100F)
• Charred Boulevard color palette (#DDE5FF, #682C0F, #2F007E, #240C20, #0C000A)

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