Tempered Moss color palette — #F6E8CD · #B0AB58 · #6B9814 · #036C18 · #00422A
Olive Leaf and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F6E8CD): A whisper-light, dusty gold — the color of old brass.
- Sage (#B0AB58): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#6B9814): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#036C18): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00422A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Mustard Garden color palette (#FFF5DA, #C3C700, #7BA22A, #2F6A29, #0A3F2D)
- Muted Olive color palette (#EEECDE, #849500, #397900, #004B22, #00211A)
- Washed Quarry color palette (#FFE5D5, #D4A052, #9E8200, #5D6100, #2F4812)
- Muted Emerald Pier color palette (#E6EFD0, #90C07B, #009E68, #007462, #004242)
- Emerald Corridor color palette (#CAFFFB, #92CB97, #389953, #00601F, #022803)
- Moss Study color palette (#DBFEF7, #BAE1F8, #84D4ED, #9D8F2D, #114746)
- Olive Orchard color palette (#D8F6F0, #87B778, #AB88E3, #2E7F00, #3F2561)
- Tempered Loft color palette (#FBDFEA, #C3AA80, #A77349, #85473A, #0D3927)
Browse the whole catalog at Explore, or see today's palette.