Hazy Ultramarine color palette — #E6F3E9 · #6DA7DF · #3A61B8 · #00475B · #0F083B

A conversation between Cobalt and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Cream (#E6F3E9): a clean, paper-quiet neutral.
• Cornflower (#6DA7DF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3A61B8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#00475B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#0F083B): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Linen Garden color palette (#E0F1E3, #24B2D7, #006E9C, #004A4B, #00142B)
• Ultramarine Pier color palette (#EBF1E1, #8CBBEB, #0061CF, #003A54, #000016)
• Ancient Navy color palette (#FBEBEF, #6394C3, #2D3D9A, #002F37, #18023B)
• Soft Bloom color palette (#F0E8DF, #90B4D8, #607AE1, #006B7B, #19003D)
• Cobalt Boulevard color palette (#E8F1EA, #97CBF6, #5386D4, #00697F, #232A52)
• Hazy Courtyard color palette (#C8ECEF, #27C8F8, #4193EC, #00624E, #001D22)
• Dusty Cerulean color palette (#CEF0F6, #009CA9, #00666E, #00292F, #000304)
• Worn Azure Orchard color palette (#EAFAED, #B1E3FF, #44A1F2, #00808E, #2C3F65)

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