Hazy Cobalt color palette — #E9ECE3 · #8BB6DD · #2374CD · #005474 · #031A4D

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

The five colors

• Cream (#E9ECE3): a clean, paper-quiet neutral.
• Sky (#8BB6DD): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2374CD): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005474): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#031A4D): 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

• Petrol Station color palette (#EDEFE4, #7BBDCF, #0080A4, #00585F, #002333)
• Antique Delta color palette (#E5FAFA, #A0D1FF, #2D79D6, #004D6B, #000531)
• Washed Villa color palette (#F7EEE6, #73A4CF, #2E4AB5, #003D45, #1F1740)
• Softworn Field color palette (#EDD9DF, #8AC6FB, #6A8CEB, #007B8A, #1F1740)
• Hushed Cerulean Canyon color palette (#F4F7E6, #81D9F3, #009AC5, #00717A, #003850)
• Dusty Denim Basin color palette (#DCE1D3, #6D9E8E, #005B9B, #00394B, #00081D)
• Soft Brick color palette (#FFDEE8, #9254B7, #BB2441, #005C93, #1D022C)
• Tempered Teal Parlor color palette (#F6F6EB, #C9E4C6, #00B1B7, #008570, #004951)

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