Tempered Moss color palette — #F4EED0 · #B1A100 · #787B00 · #454E00 · #1F2B00
A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4EED0): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#B1A100): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#787B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#454E00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#1F2B00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Aged Olive Balcony color palette (#EDF3D5, #87A434, #457900, #175200, #032906)
- Gentle Villa color palette (#FFD9B1, #BB9A00, #747500, #3F5900, #00473A)
- Soft Corridor color palette (#F4EFDD, #C8B600, #939000, #686F00, #354300)
- Dusty Thicket color palette (#F0E2D6, #DA8E00, #996800, #594100, #2C2200)
- Faded Lime color palette (#DFFEC3, #8DC347, #4E8000, #263F00, #081300)
- Gentle Coast color palette (#F6F3D8, #87A700, #0091B0, #506400, #00252F)
- Aged Pine Courtyard color palette (#E5E7CE, #80C183, #008D4F, #006241, #22300E)
- Tempered Mint color palette (#F6F4D2, #C6FEBE, #23DE94, #778300, #292906)
Browse the whole catalog at Explore, or see today's palette.