Cobalt Lagoon color palette — #EFF6FF · #94B2DB · #B59260 · #4A73AD · #385639

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#94B2DB): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#B59260): A luminous, dusty gold — the color of honey in a jar.
• Slate (#4A73AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#385639): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Timeworn Petrol Basin color palette (#EDF7FF, #87B6D7, #BD8D6C, #3D79A0, #614351)
• Antique Pewter Basin color palette (#F3F4FF, #BAA5D3, #86A46B, #8162A3, #27574D)
• Tempered Cobalt color palette (#FAF2FB, #A6C8ED, #C9AD76, #4E90D3, #664600)
• Ancient Driftwood Ridge color palette (#EFF6FF, #DCD8E2, #CCAAA7, #6C89A0, #4A5266)
• Tempered Driftwood Pier color palette (#EFF6FF, #7F98C9, #BB736E, #568355, #374356)
• Weathered Honey Chapel color palette (#FBF2FB, #BAD7FF, #EFBE67, #7EAAE8, #514C46)
• Softworn Pewter color palette (#F3F4FE, #D3BE92, #63567D, #34364E, #27232B)
• Airy Lapis color palette (#F1F5FF, #7F83FB, #8C8100, #4C3DCE, #423C00)

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