Hazy Alley color palette — #DDECF1 · #008D90 · #B34D00 · #7C4500 · #000606

Terracotta and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Frost (#DDECF1): bright and airy, almost weightless.
• Cerulean (#008D90): A full-bodied, balanced teal — the color of sea glass.
• Terracotta (#B34D00): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#7C4500): A full-bodied, balanced gold — the color of old brass.
• Ink (#000606): a grounded near-black with real depth.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Feathered Bronze color palette (#CDE8F6, #008AA4, #AC5400, #346300, #000608)
• Linen Ridge color palette (#C8E6E7, #00926A, #B400BB, #843E00, #000603)
• Powdered Pier color palette (#D6EAFE, #0072B5, #8E4F00, #683900, #000205)
• Gentle Mulberry Bloom color palette (#C7EEEC, #2CA862, #A80067, #784800, #000702)
• Quiet Mulberry Pier color palette (#C5ECF8, #008A8E, #AC0050, #514800, #000202)
• Cobalt Boulevard color palette (#D2E8FD, #0091E3, #9E7800, #007556, #000E1D)
• Grape Courtyard color palette (#F4F1D0, #0095C5, #6A3AE5, #514900, #000B1D)
• Tempered Ember Veranda color palette (#D5DEF1, #8997FF, #E46529, #4E7F08, #0F1933)

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