Tempered Moss color palette — #F9EBB6 · #C5C57A · #8E9F46 · #517732 · #2B5032
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F9EBB6): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#C5C57A): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#8E9F46): A luminous, balanced green — the color of new leaves after rain.
- Olive (#517732): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2B5032): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Amber Market color palette (#FFE4CD, #DBAD69, #AA8C32, #776F1A, #434819)
- Hushed Jade color palette (#E0F5C3, #8EC889, #5AA871, #288265, #1A5548)
- Quiet Forest color palette (#FFE2C1, #BEAC67, #798713, #1C6B21, #005242)
- Moss Pier color palette (#DCFFE9, #E5E48C, #92AD09, #4C782D, #154E49)
- Faded Corridor color palette (#F4FBCD, #AAD8A0, #65A369, #3A6C31, #183912)
- Hushed Olive Coast color palette (#F7F7E2, #A6C382, #B395D3, #6B8E37, #4B395E)
- Sunlit Lime Alley color palette (#DEE4C7, #7BB700, #17901B, #006133, #003A2A)
- Softworn Fern color palette (#F6F7E0, #C5EED2, #9CD6E8, #9B9E6E, #465409)
Browse the whole catalog at Explore, or see today's palette.