Moss Drift color palette — #D4EDD7 · #AA9D00 · #7C5900 · #4E2500 · #000503
Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D4EDD7): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#AA9D00): A luminous, balanced green — the color of fresh herbs.
- Coffee (#7C5900): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#4E2500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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
- Weathered Amber Corridor color palette (#FFDAE7, #BA9437, #895000, #5A1700, #040400)
- Moss Grove color palette (#DBF2E5, #719429, #564F00, #2F1E00, #000200)
- Wandering Bronze color palette (#E0FEE8, #B5B966, #927200, #613D19, #001713)
- Obsidian Orchard color palette (#FCDFE9, #8E6E00, #573200, #260700, #010100)
- Misty Pier color palette (#DFFFE1, #E6D157, #BA8729, #86502D, #052F25)
- Sapphire Loft color palette (#E5EFFF, #335BFF, #606500, #393C00, #00000C)
- Quiet Boulevard color palette (#FFF2EC, #FDA436, #CB5400, #862630, #201700)
- Navy Pier color palette (#E5EFFF, #C39D00, #152D90, #01002A, #000106)
Browse the whole catalog at Explore, or see today's palette.