Hazy Ultramarine color palette — #DBE8FF · #5B82F0 · #3B28D9 · #1D005E · #02000E

Built around Cobalt, softened by Periwinkle — the whole palette hums with creativity and energy.

The five colors

• Frost (#DBE8FF): A whisper-light, dusty violet — the color of wild irises.
• Periwinkle (#5B82F0): A luminous, vivid violet — the color of wild irises.
• Cobalt (#3B28D9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#1D005E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#02000E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged 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

• Grape Lagoon color palette (#E7EAFF, #7C6BE8, #6600CB, #2E0054, #05000D)
• Weathered Basin color palette (#D9EEFF, #007DD8, #004CAD, #000F6B, #00000B)
• Washed Lapis Canyon color palette (#CFE3F1, #068AF0, #4B46FF, #5500AE, #20002F)
• Patina Coast color palette (#FAE8F3, #666DE7, #007869, #2F00AA, #000201)
• Obsidian Nightshade color palette (#CDE6F6, #0063B8, #2C009A, #210047, #0A0011)
• Sapphire Lantern color palette (#D8E6FB, #224CFF, #2C00B2, #200068, #180641)
• Inked Courtyard color palette (#E2DDFF, #7A4AB6, #570086, #22002D, #030004)
• Powdered Grape Pier color palette (#F2F5FF, #ACB3FF, #7A5FFF, #6700D0, #31005F)

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