Byzantium Drift color palette — #F3F4FF · #D3AAFF · #7AAE00 · #863AC2 · #2C4300

Built around Violet, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D3AAFF): A luminous, balanced violet — the color of wild irises.
• Clover (#7AAE00): A luminous, vivid green — the color of new leaves after rain.
• Violet (#863AC2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#2C4300): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Airy Jade Workshop color palette (#F7F3FF, #FF95E2, #1BB864, #A13789, #024722)
• Aged Aubergine color palette (#F3F4FF, #BC84F5, #658E00, #6B0DA7, #2D4300)
• Orchid Villa color palette (#FFF1F6, #D3B4FF, #96D854, #A962F3, #274400)
• Indigo Harbor color palette (#F0F5FF, #95A7FF, #C69E18, #5462D2, #493800)
• Wandering Fuchsia Station color palette (#DDDAF8, #DC78FD, #569A23, #75318C, #153100)
• Mallow Field color palette (#F9F2FF, #F296C2, #4CBB9D, #B4618A, #0F4E3E)
• Wandering Orchid Harbor color palette (#FFF1F4, #E4AFFF, #FF8A44, #B03AE1, #4D1F00)
• Patina Peony color palette (#F1E8FF, #EF44C7, #008A4F, #780061, #00220F)

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