Hazy Boulevard color palette — #FFF1F6 · #9761F7 · #9C6600 · #006633 · #002A1F

Amethyst and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Amethyst (#9761F7): A luminous, vivid violet — the color of wild irises.
• Ochre (#9C6600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#006633): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#002A1F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Worn Study color palette (#FFF0FB, #6B7FFF, #A25A00, #3E6800, #00272F)
• Aged Delta color palette (#FFF1F5, #B860F0, #896D00, #00624C, #301A31)
• Linen Wisteria color palette (#FFF1F3, #CD72D8, #BD5400, #376300, #003743)
• Weathered Byzantium color palette (#FCE0E9, #9947D0, #795F00, #004E38, #1F0C22)
• Hazy Amethyst Alley color palette (#FFF0F7, #801EE9, #4A5900, #394500, #1C2B11)
• Hushed Fuchsia Meadow color palette (#FFF1F2, #D984C9, #6D7C00, #006E6D, #33212C)
• Scarlet Corridor color palette (#DEFDF5, #0091EC, #D7002D, #595300, #132711)
• Dusty Raspberry Grove color palette (#FFF4E2, #D47FF4, #D92381, #4A6600, #4F282E)

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