Hazy Ultramarine color palette — #F7DDF4 · #0B50F3 · #0B580C · #003A36 · #00060C

Built around Cobalt, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#F7DDF4): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#0B50F3): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#0B580C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003A36): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00060C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Wandering Sapphire Basin color palette (#FFEAFC, #3564CE, #066916, #00433B, #000F18)
• Muted Lapis color palette (#F0DBE7, #5549B4, #005337, #002A2E, #000504)
• Denim Villa color palette (#C9F1E3, #006299, #415000, #003320, #000709)
• Grape Field color palette (#EBEBFF, #8714C4, #7D2200, #00371A, #140B45)
• Airy Fern Garden color palette (#E7F7FF, #0096B2, #6F5D00, #1D5900, #001C1A)
• Wandering Orchid color palette (#FFF1F5, #BB3DFF, #B63A00, #004D1E, #010018)
• Violet Study color palette (#FFECF2, #9B6CBD, #006D67, #004D65, #1E0C1A)
• Hushed Lantern color palette (#FAEEF4, #8989CC, #975B6D, #165A60, #201321)

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