Moss Drift color palette — #FDF1F8 · #FAB091 · #9B9330 · #B46A4B · #172820
Moss takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF1F8): bright and airy, almost weightless.
- Melon (#FAB091): A whisper-light, balanced orange — the color of toasted spice.
- Moss (#9B9330): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#B46A4B): A full-bodied, balanced orange — the color of toasted spice.
- Onyx (#172820): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, muted.
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
- Ancient Driftwood Drift color palette (#F1F7F1, #EECB9A, #73AA8C, #AC844A, #1F3232)
- Raspberry Corridor color palette (#F8F3FB, #F5ABC7, #B78442, #BD5A84, #192918)
- Dusty Garden color palette (#FAF4EF, #EED9BE, #9FA700, #C86E48, #161204)
- Ancient Marigold Boulevard color palette (#E5FCE9, #DAA665, #888B4B, #32698E, #2D4333)
- Chalky Olive Delta color palette (#FFF3E9, #E3B87B, #AC9543, #686B02, #224C00)
- Misty Mustard Boulevard color palette (#EBF9F0, #D7BA00, #009B8C, #8A7700, #00231F)
- Wandering Amber color palette (#FFF1F8, #CB885D, #008D89, #40588E, #32263D)
- Amber Cabin color palette (#FBF2F5, #D0D9DB, #9AA4B0, #B38457, #514348)
Browse the whole catalog at Explore, or see today's palette.