Moss Drift color palette — #F8F6E2 · #689100 · #895C9B · #664275 · #34332C
A conversation between Olive Leaf and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#689100): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#895C9B): A full-bodied, balanced pink — the color of neon signs at night.
- Charcoal Brown (#664275): A full-bodied, balanced pink — the color of a candy shop window.
- Espresso (#34332C): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Hazy Emerald color palette (#F2F8E5, #009A55, #A15477, #773D57, #32342D)
- Ancient Bronze color palette (#FFF3E4, #AA7500, #7D61A3, #5B4974, #37322C)
- Dusty Garden color palette (#FFF2EF, #5FAB6E, #007594, #713A48, #35422D)
- Ancient Corridor color palette (#E2F7F5, #429B5C, #2A7EA5, #355088, #031F1D)
- Moss Grove color palette (#F8F6E6, #91AA55, #4E9DA4, #9C5B40, #34332C)
- Feathered Mulberry Ridge color palette (#CBF0CC, #249037, #800064, #6B0024, #042709)
- Linen Harbor color palette (#ECFBDF, #008B6E, #B0333B, #841E26, #003428)
- Tempered Cypress color palette (#F4F6EE, #D1E0DB, #B4C4C4, #548060, #474940)
Browse the whole catalog at Explore, or see today's palette.