Tempered Moss color palette — #F3F3E3 · #83AA53 · #496121 · #393831 · #24211C
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#83AA53): A luminous, balanced green — the color of fresh herbs.
- Olive (#496121): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#393831): quiet, heavy and certain.
- Onyx (#24211C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Amber Atelier color palette (#F8F1E6, #C19338, #665800, #3C3731, #26201C)
- Patina Teal Chapel color palette (#EDF5E9, #42B19A, #44604E, #333B2E, #21221C)
- Mint Summit color palette (#E7FAF5, #94BD6E, #3F5A5A, #202E2B, #0A110E)
- Ancient Garden color palette (#E4F7F1, #A3C47C, #648285, #465954, #1C241E)
- Dusty Emerald Delta color palette (#EAF0D9, #00A14F, #00504B, #242A0B, #141204)
- Timeworn Wisteria Drift color palette (#F1F8E5, #79C49A, #D187C6, #C07E78, #41433D)
- Smoked Pine Alley color palette (#DBE3CF, #00875B, #003B3D, #111A00, #050501)
- Softworn Bronze color palette (#FBF4EB, #DBD0B2, #8BA573, #9F7437, #5F4A00)
Browse the whole catalog at Explore, or see today's palette.