Hazy Ultramarine color palette — #F5EDE4 · #7EB7E9 · #515DB8 · #004F52 · #342548

Cobalt and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE4): bright and airy, almost weightless.
• Sky (#7EB7E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#515DB8): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#342548): A deep, shadowed, dusty 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

• Tempered Sapphire Garden color palette (#FFF3E6, #65C2FD, #375BEA, #005653, #3A2165)
• Weathered Petrol Basin color palette (#FCEAE3, #75BFC8, #00719D, #005332, #192C53)
• Cobalt Delta color palette (#DDEDED, #94B7DB, #396AB2, #004665, #061139)
• Cobalt Lantern color palette (#FEF3EC, #7DDFF4, #0A87CA, #00694C, #2E3C6D)
• Faded Navy color palette (#DAF0F1, #00A2C6, #0065A8, #212D84, #302357)
• Hushed Periwinkle Canyon color palette (#F9EAEF, #BAD6F4, #87A0F0, #008EA2, #2F2452)
• Muted Lantern color palette (#D2FAEB, #C7C0FF, #C885A8, #0E6E6D, #482E40)
• Tempered Navy Lantern color palette (#F0DDCF, #429AC2, #00429E, #00302B, #15043C)

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