Misty Drift color palette — #FDF1FB · #A5BDF4 · #BD8BC6 · #618B39 · #213567

Olive Leaf and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Sky (#A5BDF4): A luminous, balanced violet — the color of wild irises.
• Mauve (#BD8BC6): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#618B39): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#213567): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Chalky Olive Grove color palette (#EBF9F1, #78CBE9, #A593D5, #888000, #003F50)
• Softworn Lagoon Dune color palette (#FBF2F8, #BBC4F5, #D2979F, #389986, #3A3F63)
• Tempered Rust color palette (#F2F5FF, #A39BDA, #B76565, #626200, #004144)
• Timeworn Blush Summit color palette (#EFF8EE, #63D3CE, #DC7F9A, #009275, #00423A)
• Powdered Drift color palette (#F7E0F0, #8FA0FF, #E53C94, #007A55, #190070)
• Ancient Boulevard color palette (#FFECF3, #BE9FF3, #CC7E2E, #007D96, #331D51)
• Tempered Lilac color palette (#F0DFE6, #B798EA, #8A6563, #59424B, #1D151D)
• Tempered Teal Loft color palette (#DCFFEA, #E6D4E6, #D5A7AF, #5EA191, #3D5849)

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