Tempered Moss color palette — #E6E0AF · #92942C · #675C00 · #4A3A00 · #262D00
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E6E0AF): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#92942C): A luminous, balanced green — the color of new leaves after rain.
- Olive (#675C00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#4A3A00): A deep, shadowed, dusty green — the color of fresh herbs.
- Deep Forest (#262D00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Airy Amber color palette (#F8D8B4, #B58329, #7F4F00, #5B2F00, #352600)
- Moss Coast color palette (#BFEAD2, #BEBE62, #A89500, #8A6D00, #272D00)
- Wandering Bronze Orchard color palette (#F1E7D3, #7C793D, #514500, #342600, #1C1600)
- Sunlit Summit color palette (#C9E7D5, #9AB056, #897700, #714900, #053303)
- Worn Loft color palette (#FAF5E5, #AFA881, #857127, #664E00, #443E00)
- Dusty Bloom color palette (#F1E4DA, #8E592D, #5C2600, #360C00, #140800)
- Hushed Moss Courtyard color palette (#D7EBDA, #6CA62E, #004449, #001F22, #000E0B)
- Tempered Grove color palette (#E4F8E0, #00645C, #643D00, #343200, #001E0D)
Browse the whole catalog at Explore, or see today's palette.