Moss Canyon color palette — #F2EC88 · #999800 · #505000 · #141200 · #020100
Moss and Butter set the tone — five colors that lean into nature and growth.
The five colors
- Butter (#F2EC88): A whisper-light, balanced green — the color of a quiet forest floor.
- Moss (#999800): A luminous, balanced green — the color of new leaves after rain.
- Deep Olive (#505000): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#141200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged monochrome.
Use it as a design system
One click turns Moss Canyon 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 Terrace color palette (#EDFFAE, #BDDC21, #908C00, #3A4800, #0B0C00)
- Worn Amber Drift color palette (#F1E8D8, #BE9400, #695100, #211600, #020100)
- Antique Moss Grove color palette (#D8E9D3, #7BAB28, #176404, #071800, #000200)
- Olive Basin color palette (#E2E2D1, #7E7C00, #403600, #151400, #030300)
- Aged Moss Balcony color palette (#EDEBD5, #789D00, #005478, #324300, #000103)
- Clover Courtyard color palette (#E0FFDE, #A2F6A1, #38B64C, #006131, #001D04)
- Dusty Station color palette (#DCFFEA, #82DEA1, #009768, #00462A, #000804)
- Amber Pier color palette (#ECEEDE, #CC7434, #043604, #030F0B, #000200)
Browse the whole catalog at Explore, or see today's palette.