Hazy Ultramarine color palette — #F7EAF6 · #658ED0 · #977300 · #0C4FB5 · #443200

Built around Cobalt, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EAF6): A whisper-light, dusty pink — the color of peonies in June.
• Slate Blue (#658ED0): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#977300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0C4FB5): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#443200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Pale Bronze color palette (#D8F6EC, #4395CE, #AD6500, #005C8D, #502B00)
• Muted Nightshade color palette (#F7E2F3, #678CEB, #A86E00, #2C4BAB, #291800)
• Worn Harbor color palette (#FBE9F1, #8F82C5, #837C00, #5F30B9, #3A3700)
• Weathered Moss color palette (#E0F1FF, #48B3EE, #A19A00, #007AAE, #3A3707)
• Faded Nightshade Balcony color palette (#F1D6EA, #4C62C8, #705500, #1F00AA, #231900)
• Washed Bloom color palette (#F4DCEF, #5775C6, #A94B43, #006E24, #1D2A4A)
• Sunlit Mustard Workshop color palette (#E4F0FF, #99C0FF, #E9B135, #4F85DE, #463100)
• Violet Boulevard color palette (#FFF1F4, #C0A4CC, #83A46F, #9155AA, #3E5530)

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