Hazy Ultramarine color palette — #DAE5F7 · #3353BD · #005523 · #00302E · #00050C

Cobalt and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DAE5F7): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#3353BD): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#005523): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#00302E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, 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

• Patina Grape Harbor color palette (#DEE2F9, #6941A2, #004E42, #00303A, #000211)
• Soft Indigo Hollow color palette (#F7E3F2, #5572E0, #007032, #004F4E, #001421)
• Peony Basin color palette (#F2F0FD, #AB6BAB, #006B75, #154875, #0F1125)
• Dusty Mulberry color palette (#FFE4E4, #8D3671, #553D00, #002D2C, #1C0826)
• Pale Delta color palette (#F6EEFF, #B93486, #006380, #182C84, #180420)
• Mulberry Courtyard color palette (#F0E9FF, #700062, #002B32, #000D22, #020007)
• Pale Crimson color palette (#FFEFFF, #D5485A, #7D4900, #003E2D, #04000D)
• Pale Garnet color palette (#F3E3E9, #BC4C6B, #8F1110, #342C00, #240006)

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