Hazy Byzantium color palette — #FFF1F4 · #E69FFF · #38B900 · #9A21BC · #104700

Orchid and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#E69FFF): A luminous, balanced pink — the color of peonies in June.
• Clover (#38B900): A luminous, vivid green — the color of fresh herbs.
• Orchid (#9A21BC): A full-bodied, vivid pink — the color of neon signs at night.
• Forest (#104700): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Pale Clover Basin color palette (#FFF1F2, #FF97DD, #00BA3E, #AD218B, #0B4718)
• Byzantium Thicket color palette (#F5F4FF, #F1C3FF, #5EC445, #A53FC2, #0C3900)
• Byzantium Terrace color palette (#FFF1F6, #D0ACFF, #9EA300, #8920D9, #3C3E00)
• Feathered Dune color palette (#F1D6DB, #DB81E6, #009E6B, #870095, #00321F)
• Misty Summit color palette (#FFF0FC, #8BAAFF, #BFA118, #385AF6, #463900)
• Ancient Turquoise color palette (#FFF1F0, #EF99BD, #00BBC4, #B66086, #004C51)
• Frosted Raspberry Bloom color palette (#FFF1F0, #FF79B7, #00AECA, #D21382, #00424E)
• Quiet Study color palette (#F6F3FF, #D458D7, #B66900, #873389, #572F00)

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