Hazy Ultramarine color palette — #E2EAF5 · #00B17F · #2150B2 · #001971 · #00010D

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

The five colors

• Frost (#E2EAF5): a clean, paper-quiet neutral.
• Jade (#00B17F): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#2150B2): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#001971): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#00010D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Calm, Balance. Tagged luxury, dark, 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

• Dusty Jade Lagoon color palette (#DFEFFD, #46AE6B, #005E8D, #002B44, #000205)
• Navy Grove color palette (#DBE7F9, #A97A00, #042A8C, #00053B, #000108)
• Deep Terrace color palette (#EEDDEC, #007B56, #001555, #140503, #000111)
• Faded Basin color palette (#DAE2F8, #DB707C, #523ABF, #270371, #02000D)
• Hushed Aubergine color palette (#E2E4F9, #C26965, #573185, #1F003B, #01000E)
• Washed Coast color palette (#E5E6F3, #B7ABBA, #AD8FAE, #8948D2, #111223)
• Dusty Fern color palette (#C8EDFD, #008B9C, #846F00, #426000, #000607)
• Indigo Hollow color palette (#D8E5FF, #FF9FAE, #636CF0, #3939AC, #09082F)

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