Moss Drift color palette — #F7F7E2 · #C0E0A5 · #D2A4F5 · #669C1E · #462A59

Built around Olive Leaf, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#C0E0A5): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#D2A4F5): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#669C1E): A luminous, vivid green — the color of a quiet forest floor.
• Royal Purple (#462A59): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Mallow Pier color palette (#F9F5E7, #CDD37E, #FFA4F3, #969B29, #553651)
• Hazy Emerald Ridge color palette (#F2F7EB, #9FE6C4, #EC9ED0, #00A371, #552445)
• Misty Moss Boulevard color palette (#FBF5E7, #E3D68D, #A8B5FF, #9E8A00, #2D3363)
• Linen Courtyard color palette (#DFFDF5, #85AF5C, #A273BE, #517130, #4F375C)
• Airy Villa color palette (#F6F8DC, #97CC85, #7FACED, #DB6970, #2C2D0E)
• Powdered Workshop color palette (#E6FDE1, #38F4E4, #EF718F, #009287, #5A0324)
• Dusty Chestnut color palette (#FFF3E8, #F4D8B5, #BC9576, #925B47, #35312B)
• Worn Fern Archive color palette (#F6F7E3, #CBE6D3, #D6CCDA, #B0B979, #435309)

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