Misty Drift color palette — #F7F2DD · #A0AD52 · #9479DB · #626C00 · #3A1C2B

A conversation between Lavender Blue and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F2DD): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A0AD52): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#9479DB): A luminous, balanced violet — the color of wild irises.
• Olive (#626C00): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#3A1C2B): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

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

• Wisteria Pier color palette (#F0F4E3, #78B580, #B76BC2, #237738, #3D1B23)
• Ancient Moss Lantern color palette (#E7FAF2, #9FA831, #9377CA, #656C00, #3C3F60)
• Chalky Iris Alley color palette (#FBF0E0, #C09F59, #6487EA, #805E00, #1A2546)
• Antique Lime Chapel color palette (#E7FAF3, #B3C254, #A596EB, #7D8837, #433B63)
• Weathered Cobalt color palette (#F7F3D6, #7E9A2C, #0086CE, #A14A64, #221F08)
• Chalky Study color palette (#E8F8DA, #2BC29C, #C71B8D, #006B54, #3E0329)
• Frosted Byzantium color palette (#EAECD5, #50AF22, #9700BC, #215B00, #260032)
• Cocoa Market color palette (#FDEFE6, #CBA283, #9E654C, #75381C, #2D2010)

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