Moss Coast color palette — #FFF5D9 · #C6CD90 · #9B973D · #646200 · #393200
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#C6CD90): A whisper-light, balanced green — the color of new leaves after rain.
- Moss (#9B973D): A luminous, balanced green — the color of fresh herbs.
- Olive (#646200): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#393200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged monochrome.
Use it as a design system
One click turns Moss Coast 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
- Timeworn Pine color palette (#F4F9D9, #A7D5A5, #73A458, #2D7223, #1D3702)
- Driftwood Coast color palette (#FBF4E8, #C5BF9C, #A38D53, #8C5C3A, #3D3E37)
- Feathered Station color palette (#DAFFEE, #C2C276, #7D7500, #464600, #323000)
- Washed Celadon color palette (#FAF9C6, #C7F5AA, #ACA752, #575D15, #201D00)
- Timeworn Moss Orchard color palette (#EEF2DD, #8E9500, #4E5B00, #262900, #020400)
- Dusty Chestnut color palette (#FFF3E6, #EFC499, #C58146, #914900, #481F00)
- Weathered Amber color palette (#FDF4E5, #CEE8C8, #9CDDF9, #CC8162, #524900)
- Powdered Moss color palette (#F6F6EC, #B7CE96, #5391DD, #698F00, #2D1E2E)
Browse the whole catalog at Explore, or see today's palette.