Tempered Moss color palette — #FFE2EB · #DDBF22 · #84A600 · #2E8D71 · #372D00
Built around Moss, softened by Saffron — the whole palette hums with nature and growth.
The five colors
- Rose Water (#FFE2EB): A whisper-light, dusty rose — the color of strawberry cream.
- Saffron (#DDBF22): A luminous, balanced green — the color of new leaves after rain.
- Moss (#84A600): A luminous, vivid green — the color of fresh herbs.
- Fern (#2E8D71): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#372D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Aged Lagoon color palette (#D7F4DD, #BDCC40, #44B235, #158D85, #2D3100)
- Hazy Mustard color palette (#F5EAD2, #B3B139, #708100, #466536, #313000)
- Emerald Drift color palette (#D5F4E0, #A7D340, #09B458, #8D7A29, #253400)
- Airy Celadon color palette (#E3FCEE, #B4DE8D, #66B989, #56949A, #2F411D)
- Dusty Jade Boulevard color palette (#D2EBE0, #96CA8D, #2FA881, #3C808E, #00312C)
- Moss Coast color palette (#D4E5D8, #96A100, #358425, #544F7A, #0F1100)
- Hushed Terrace color palette (#CCF6E9, #3EE189, #00AF9A, #6D8542, #00381C)
- Fern Workshop color palette (#EFE3D1, #9F974E, #526400, #004C25, #191600)
Browse the whole catalog at Explore, or see today's palette.