Tempered Moss color palette — #F5EED8 · #B8C270 · #74A85D · #008392 · #31312A
Moss and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5EED8): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B8C270): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#74A85D): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#008392): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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
- Cerulean Lantern color palette (#FAF6DD, #B1D3A2, #6AB88D, #008EBB, #3D3E37)
- Sunlit Boulevard color palette (#FAEDD3, #DFB359, #A49B16, #008873, #3C2F00)
- Antique Bloom color palette (#F4F7E6, #C2D1A5, #58B493, #878758, #2E3B00)
- Soft Cobalt color palette (#EFF5E2, #67CA88, #00A7B0, #0072C4, #321D53)
- Hazy Mint color palette (#E9E7BE, #00D187, #00A592, #006CC5, #003223)
- Washed Emerald Hollow color palette (#FFF1F6, #DEAE4D, #479239, #653985, #09281B)
- Hushed Moss Station color palette (#ECE9D9, #92A642, #676519, #3E3D36, #100D04)
- Pine Courtyard color palette (#EDE6CF, #88A530, #218E2D, #006071, #0D1B00)
Browse the whole catalog at Explore, or see today's palette.