Tempered Moss color palette — #FDF5DD · #9E9600 · #007747 · #004049 · #170800
Moss takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FDF5DD): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9E9600): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007747): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004049): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#170800): A deep, shadowed, dusty gold — the color of old brass.
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
- Lime Quarry color palette (#F7F6E4, #8EB645, #008B6F, #005364, #2A1600)
- Frosted Amber color palette (#FFF3E7, #CE7B00, #636A00, #00442E, #210004)
- Emerald Quarry color palette (#F3F8E4, #1EAD5B, #007177, #00396A, #0F0D00)
- Softworn Emerald color palette (#F2F5DC, #239311, #005A55, #00283D, #030100)
- Bronze Corridor color palette (#F1E4C6, #877700, #252700, #09110F, #060300)
- Faded Lime color palette (#EEF2D0, #A5BA00, #689100, #2F5500, #042200)
- Powdered Bronze Archive color palette (#D8EFDC, #886400, #005440, #002654, #1A0012)
- Pine Thicket color palette (#DDE9C8, #007B4D, #00444C, #001334, #010100)
Browse the whole catalog at Explore, or see today's palette.