Hazy Ultramarine color palette — #DFE6FF · #687BDE · #3A3AC7 · #160081 · #01000E

Cobalt and Indigo set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#DFE6FF): A whisper-light, dusty violet — the color of wild irises.
• Periwinkle (#687BDE): A luminous, balanced violet — the color of wild irises.
• Cobalt (#3A3AC7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#160081): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#01000E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Soft Pier color palette (#E7E5F4, #8D74DB, #6310C7, #2B005F, #030011)
• Patina Lapis color palette (#DFE3FA, #8588FF, #4E57F1, #2B28A2, #020019)
• Sunlit Cabin color palette (#D2E1F4, #418BED, #0050AC, #00254B, #000208)
• Amethyst Harbor color palette (#E4E3FF, #AFA4FF, #7050FF, #4800B0, #190058)
• Wandering Meadow color palette (#D6F1FD, #0095C4, #00627B, #002E3C, #000204)
• Hazy Grove color palette (#FAE8FF, #B865C1, #800095, #40004A, #080009)
• Powdered Wisteria color palette (#D9DFED, #B0A3E2, #B97FC3, #005A89, #13143F)
• Tempered Amethyst color palette (#D5E3D4, #C96E00, #8236EF, #11002B, #060002)

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