Tempered Moss color palette — #FCEFD2 · #5F9B3F · #00735A · #004F6C · #060600
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Custard (#FCEFD2): A whisper-light, dusty gold — the color of old brass.
- Olive Leaf (#5F9B3F): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00735A): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#004F6C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Pine Quarry color palette (#FDECDA, #948C16, #2F7418, #005357, #070600)
- Washed Pine color palette (#D1F4EA, #2C8A42, #00523B, #003334, #000901)
- Frosted Moss Balcony color palette (#EBDEC8, #82A64D, #00855A, #744362, #121000)
- Lapis Lantern color palette (#E0E4F9, #5746FF, #646D00, #1E5D29, #01000E)
- Airy Delta color palette (#F2E2D9, #5EAEC0, #007BBD, #006046, #030229)
- Softworn Veranda color palette (#E2E4F2, #6862FF, #817100, #453ABB, #080600)
- Coral Cabin color palette (#F4DEF0, #CD92E3, #E76A79, #00718B, #0F062A)
- Airy Moss color palette (#F8DFCD, #DAB559, #849D39, #8D687A, #372500)
Browse the whole catalog at Explore, or see today's palette.