Tempered Moss color palette — #E5FBF1 · #91A558 · #4F6E2E · #2D5350 · #1B3D33
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E5FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#91A558): A luminous, balanced green — the color of fresh herbs.
- Olive (#4F6E2E): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#2D5350): A full-bodied, dusty teal — the color of sea glass.
- Forest (#1B3D33): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, 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
- Weathered Cypress color palette (#E8F9F9, #66AB92, #0D7363, #2A5352, #163C3E)
- Fern Coast color palette (#FAF5E9, #B1BB84, #6D8B5A, #546D2E, #37362F)
- Lagoon Terrace color palette (#EEF8F2, #A1CCB9, #5B8D7D, #4D6C70, #40524A)
- Weathered Taupe Summit color palette (#FFF1F6, #A9D6BD, #8AAC78, #449292, #1D3D2D)
- Forest Canyon color palette (#CDE7DE, #5D8836, #0D5408, #033822, #0F2000)
- Timeworn Azure color palette (#E1F1FF, #1D95E1, #2D8F41, #005B90, #1C3E21)
- Nocturne Fern Courtyard color palette (#D0EEDF, #576500, #1F3100, #001C18, #000805)
- Timeworn Cobalt Lantern color palette (#E9F9F8, #A8C9E7, #4E7BAD, #005B7A, #293B54)
Browse the whole catalog at Explore, or see today's palette.