Misty Violet Drift color palette — #CCE5D5 · #E1C130 · #9873EA · #998100 · #2D1E4C

Built around Amethyst, softened by Saffron — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#CCE5D5): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#E1C130): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#9873EA): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#998100): A luminous, balanced green — the color of a quiet forest floor.
• Deep Indigo (#2D1E4C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Patina Lantern color palette (#C9E6DB, #BAD031, #BE7DFF, #697800, #34194D)
• Gentle Byzantium Study color palette (#D6EEE5, #A5BD2D, #B32DDF, #697A00, #2D003B)
• Periwinkle Grove color palette (#F3D5DE, #FFAF52, #5DA3FF, #9C5F00, #002757)
• Cornflower Parlor color palette (#D7F1DF, #D4B130, #B65FBC, #5177E7, #271E00)
• Softworn Station color palette (#C5E6E5, #39E398, #C975FF, #008453, #37174B)
• Lapis Corridor color palette (#F7EFD9, #8E8100, #6A52C8, #4F4700, #130239)
• Peony Boulevard color palette (#E3FDEE, #C0AB00, #E35B88, #716400, #330215)
• Linen Grove color palette (#F5D3E1, #FB900C, #00B3D7, #BD6A00, #002E3A)

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