Charred Lagoon color palette — #CBE6DC · #003B69 · #332400 · #170E00 · #010200

Built around Navy, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Silver (#CBE6DC): A whisper-light, dusty teal — the color of sea glass.
• Navy (#003B69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#332400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#170E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010200): quiet, heavy and certain.

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

• Velvet Field color palette (#E1F2EA, #003A4D, #4D0101, #210000, #010200)
• Obsidian Aubergine color palette (#F5DFE3, #490057, #272932, #261400, #110600)
• Shadow Grove color palette (#FFE8EE, #660082, #003B33, #00221D, #000606)
• Twilit Nightshade color palette (#FBD8EB, #3500AF, #2B1C00, #0D0D00, #000202)
• Washed Navy color palette (#E7DCE6, #BBA1AC, #987577, #083277, #1A1019)
• Twilit Aubergine Orchard color palette (#E0DAF6, #594500, #46008E, #211705, #16000E)
• Hushed Spruce color palette (#DAEFE2, #006C81, #4D4000, #0B3400, #000202)
• Velvet Aubergine color palette (#E7F4DD, #005C92, #4E005C, #0F1D00, #050130)

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