Hazy Cobalt color palette — #B5F6EE · #83B8D2 · #6C73B0 · #72540F · #404E1E

Slate takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Sea Foam (#B5F6EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#83B8D2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#6C73B0): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#72540F): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#404E1E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Driftwood Loft color palette (#DAF2FF, #94AED3, #956FA9, #506426, #005546)
• Aged Terracotta color palette (#C6F2D1, #8ABEBF, #438292, #8C3F39, #654100)
• Hushed Studio color palette (#C8EAF2, #65A2AC, #586A93, #643D00, #313B00)
• Timeworn Driftwood color palette (#B8FBEE, #9CDBFA, #A7A3DA, #9C814A, #484E19)
• Ancient Cobalt color palette (#D7E9FC, #9AB2EB, #7675B4, #78425C, #471E28)
• Tempered Cypress color palette (#EEF6FF, #C2C5D5, #A292B0, #4F7A79, #37505B)
• Wandering Terrace color palette (#FDF1FA, #AAD6E7, #008CB4, #006950, #004272)
• Timeworn Delta color palette (#E0F0FF, #ACC4F6, #9393CB, #8E5D77, #563D5B)

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