Hazy Ultramarine color palette — #E1EFE7 · #0097B9 · #1935C6 · #00495B · #170615

Cobalt and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E1EFE7): bright and airy, almost weightless.
• Cerulean (#0097B9): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#1935C6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#00495B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#170615): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Hushed Workshop color palette (#DDE8DD, #00A2A3, #443EB7, #005152, #070004)
• Ancient Ultramarine Grove color palette (#EDF8F3, #00A8D9, #0657C0, #005873, #201320)
• Misty Corridor color palette (#DDEEE8, #007FB9, #1F00BA, #003652, #0A0008)
• Grape Boulevard color palette (#F1E7F3, #2A8BE4, #5100CB, #004278, #1B0413)
• Nightshade Delta color palette (#FDD3C9, #1979CF, #3234B4, #5E0043, #0E2345)
• Tempered Loft color palette (#E0FAF3, #1BB8F9, #2894FD, #4C4ED8, #0A203E)
• Powdered Navy color palette (#D3EDFF, #398CD3, #004DB5, #1A148C, #1E0065)
• Ancient Amethyst color palette (#DCEFF5, #00BCBC, #7F53CC, #007272, #0A0B1D)

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