Tempered Moss color palette — #F7F2E0 · #979300 · #00625B · #4B4900 · #001614
Moss and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#979300): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00625B): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#4B4900): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001614): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Tempered Moss 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
- Moss Grove color palette (#F2F5D8, #33AA00, #00606B, #155500, #001708)
- Timeworn Fern Meadow color palette (#FDF0DE, #BD8100, #216500, #603F00, #121300)
- Emerald Basin color palette (#E8EEDA, #14AA27, #00734B, #00443B, #022A38)
- Wandering Emerald color palette (#FEE1A7, #469200, #006050, #4C1673, #003314)
- Mustard Market color palette (#E6F7EC, #C7A900, #00888D, #7B6800, #001617)
- Chalky Clover color palette (#DFFFE3, #ABBF00, #00B852, #007C7D, #003323)
- Worn Fern color palette (#F6F6EC, #D0D7B4, #9BAE88, #446700, #34332C)
- Antique Lagoon Bloom color palette (#E7EFE2, #008B72, #004561, #003B2F, #000503)
Browse the whole catalog at Explore, or see today's palette.