Hazy Cobalt color palette — #FFF3E8 · #9AD6FF · #497DD5 · #00656C · #3A3B63

Azure takes the lead with Powder Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Powder Blue (#9AD6FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#497DD5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00656C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#3A3B63): A deep, shadowed, dusty 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

• Hazy Coast color palette (#FFF2EC, #79E0EE, #008CB6, #006951, #1E4265)
• Worn Chapel color palette (#FEEFE2, #AAD6F6, #657ECA, #006260, #2A1947)
• Sapphire Harbor color palette (#FFF3E7, #70BFFF, #3C63D6, #00545E, #32295D)
• Chalky Periwinkle Delta color palette (#FFF1F6, #B4E2FF, #6D97F7, #00837D, #42356A)
• Antique Cerulean color palette (#FBF3EE, #C0E7D2, #5C90B9, #316E67, #573E54)
• Powder Lantern color palette (#EDF9EF, #D3DEFE, #81BAFF, #00A2BB, #2B3B74)
• Ancient Forest color palette (#F8ECE5, #7CC0BA, #007585, #035329, #003347)
• Dusty Olive color palette (#FCF3EF, #C9EBE1, #66A4B5, #647835, #345248)

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