Cobalt Lagoon color palette — #BFE8F4 · #5777AE · #594071 · #313000 · #0C2007

Slate and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#BFE8F4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5777AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#594071): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#313000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0C2007): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Weathered Station color palette (#D0E3DE, #287090, #453B65, #132C00, #040F00)
• Basalt Hollow color palette (#BFEAE6, #4F8AAD, #775782, #3D4400, #1F2400)
• Weathered Indigo color palette (#E2EFFF, #775DB7, #6A2952, #0F370B, #002018)
• Aged Pier color palette (#D2F4E7, #0F8698, #34487B, #471F00, #211500)
• Hushed Cocoa color palette (#D7EDFF, #7E91BB, #80689D, #7C4000, #221B00)
• Worn Cerulean Courtyard color palette (#F3E7DF, #309DBD, #004E7B, #00302C, #020942)
• Ancient Station color palette (#EBE7FF, #A974A1, #84423E, #004741, #002D36)
• Patina Fern color palette (#E1E3FF, #C091BE, #936062, #445E1E, #2E4337)

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