Hazy Cobalt color palette — #F5EDE1 · #A1D1BC · #008CDF · #006A74 · #152C56

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Pistachio (#A1D1BC): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#008CDF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006A74): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#152C56): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Cornflower Garden color palette (#F4EEE4, #9CC9F7, #5882DE, #006883, #262853)
• Ancient Harbor color palette (#F3EEE6, #94D1D3, #0096AE, #006E5A, #003345)
• Dusty Periwinkle Lagoon color palette (#FBE9F1, #B4D9F1, #5EA9F7, #00918F, #1F275C)
• Muted Petrol color palette (#F9ECE1, #75BCDC, #3268B0, #005147, #2B2752)
• Misty Turquoise color palette (#FAF4EC, #96ECEF, #00AEC9, #00856D, #01465E)
• Petrol Coast color palette (#EDE7DD, #53B0C6, #007095, #004A47, #001527)
• Feathered Raspberry color palette (#FFDDD7, #E0407D, #6D8600, #006FA9, #35111D)
• Ultramarine Bloom color palette (#F6EDDE, #6E96BD, #0544D1, #003949, #060228)

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