Hazy Garden color palette — #CEE0FD · #2573FD · #8B5C00 · #00318F · #020100

A conversation between Sapphire and Indigo, giving this palette its sense of trust and stability.

The five colors

• Powder Blue (#CEE0FD): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#2573FD): A full-bodied, vivid violet — the color of wild irises.
• Ochre (#8B5C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#00318F): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

One click turns Hazy Garden 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

• Indigo Lantern color palette (#F5DAEB, #6961FF, #746800, #3300A7, #010100)
• Cobalt Pier color palette (#D3E5F4, #0085CC, #985300, #003F65, #030100)
• Powdered Ridge color palette (#D5DFF0, #324EBB, #6A3D00, #0E0085, #060200)
• Faded Ultramarine Parlor color palette (#E9D9E8, #408AF8, #9F7900, #005BCB, #160E00)
• Amethyst Workshop color palette (#F8E3EC, #7C24F1, #595800, #340070, #010100)
• Muted Chapel color palette (#E5DDEC, #A83EE9, #567300, #570080, #010100)
• Navy Delta color palette (#D6E0F0, #3556B8, #8D0043, #0A008D, #25000D)
• Muted Lapis color palette (#E7EEFF, #2D42FF, #A7060C, #00521C, #00000C)

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