Misty Byzantium Drift color palette — #FFF9B4 · #00BAF0 · #8C4ACD · #4E4800 · #001738

Violet takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF9B4): A whisper-light, balanced green — the color of new leaves after rain.
• Cyan (#00BAF0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Violet (#8C4ACD): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#4E4800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#001738): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged retro.

Use it as a design system

One click turns Misty 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

• Timeworn Byzantium color palette (#E1FFDD, #67ADFF, #B427B0, #0D5609, #150A43)
• Aged Field color palette (#FFF3E7, #00C1C8, #5354FA, #643B00, #001C27)
• Hazy Lantern color palette (#F6F9D1, #97C1FF, #BC5DAB, #2F6819, #262146)
• Washed Grape Pier color palette (#BAF2E5, #0089B2, #5125C2, #383C00, #002A4D)
• Hushed Pier color palette (#D9FFF2, #02A4F1, #9F5400, #464100, #151300)
• Hushed Violet color palette (#FFDADB, #94ABFF, #9670F6, #BD235D, #212055)
• Pale Iris Pier color palette (#FFF3E6, #DEE2F6, #788FFF, #007273, #2F0F51)
• Peony Balcony color palette (#E4FAFF, #B5C0FF, #C373AC, #4A6A2C, #1D3500)

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