Tempered Moss color palette — #F1EDDE · #9E8D00 · #767500 · #495300 · #0D1200
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1EDDE): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#9E8D00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#767500): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#495300): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0D1200): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged 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
- Faded Quarry color palette (#FFE7D2, #BA7800, #8A5F00, #604800, #191300)
- Weathered Bronze Ridge color palette (#F5E7D6, #957700, #504E00, #1A2B00, #000201)
- Gentle Crimson Boulevard color palette (#F6EED2, #969200, #EA005A, #686600, #250008)
- Moss Harbor color palette (#E2ECD7, #72B623, #588100, #314E00, #010300)
- Dusty Moss color palette (#E1EAD6, #55A100, #297E00, #00561C, #001C0C)
- Softworn Field color palette (#EFEFCE, #93CD90, #00C37D, #748500, #051A00)
- Weathered Emerald Delta color palette (#E3EEE1, #28970B, #008491, #8A5C00, #010B00)
- Hushed Rust color palette (#EFDDD1, #C87942, #B24900, #802E19, #150700)
Browse the whole catalog at Explore, or see today's palette.