Tempered Moss color palette — #F2F0E0 · #809600 · #006E90 · #516000 · #000201
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F0E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#809600): A luminous, balanced green — the color of fresh herbs.
- Peacock (#006E90): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#516000): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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 Lantern color palette (#EEE2CF, #AA8500, #007373, #6D5400, #000300)
- Airy Emerald Archive color palette (#E4E9D9, #00A558, #006AA3, #006A36, #000202)
- Dusty Emerald color palette (#DDE4D6, #009B57, #007465, #00464F, #000307)
- Tempered Pine color palette (#FAE9E1, #00924D, #006574, #661441, #000503)
- Lapis Terrace color palette (#D9E2CE, #00A377, #5B36E9, #00684B, #060003)
- Frosted Olive color palette (#CBE8E3, #2E8B00, #00523F, #124400, #000203)
- Softworn Pier color palette (#D6E5DE, #847E00, #004062, #2F2D00, #000103)
- Wandering Alley color palette (#E1E3DA, #90A89C, #6D918A, #32733D, #090A02)
Browse the whole catalog at Explore, or see today's palette.