Hazy Ultramarine color palette — #DFF1F9 · #008395 · #1C42BB · #2D3800 · #001611

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

The five colors

• Frost (#DFF1F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#1C42BB): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#2D3800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001611): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged 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

• Sunlit Aubergine color palette (#C9E7F4, #008490, #005399, #3E186D, #001703)
• Nightshade Lagoon color palette (#D5EAFA, #007FAD, #4E34B6, #5A004E, #001614)
• Dusty Petrol Summit color palette (#D2E4EA, #006C83, #41383C, #00283A, #000B13)
• Wandering Navy Field color palette (#DFF0F1, #008A60, #005D6E, #1A257B, #0D1500)
• Patina Harbor color palette (#E1F8F5, #1C9324, #0046A4, #3A1C00, #000200)
• Mulberry Workshop color palette (#DEEFE1, #00A3B0, #755BC9, #99002C, #151200)
• Feathered Aubergine Balcony color palette (#C3E6F4, #00646C, #450484, #420101, #0F1400)
• Aqua Workshop color palette (#BCE9FD, #00CACC, #00A7C1, #0083B3, #001C25)

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