Hazy Ultramarine Pier color palette — #D5DFF1 · #004DCE · #5A4700 · #002169 · #040200

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

The five colors

• Frost (#D5DFF1): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#004DCE): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#5A4700): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002169): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged vibrant.

Use it as a design system

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

• Lapis Drift color palette (#FFE8F6, #503FC3, #524B00, #260078, #030300)
• Denim Corridor color palette (#CFE9E2, #005E9D, #6C3C00, #002B4D, #060200)
• Quiet Ultramarine color palette (#F3E0F1, #1B54C7, #005A3F, #001F77, #00140B)
• Nightshade Corridor color palette (#DAE2F2, #0B35B4, #543800, #333000, #00000B)
• Smoked Aubergine Parlor color palette (#F0DCE2, #652691, #483A00, #2E0049, #020100)
• Nightshade Studio color palette (#D2DFF6, #526DD9, #8D5900, #2400CA, #190C00)
• Worn Bloom color palette (#CEF9FA, #8B6800, #0443F3, #00011B, #030003)
• Lilac Canyon color palette (#DFE9FC, #A084D3, #AA5E88, #003D58, #080125)

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