Tempered Moss color palette — #F7EDC2 · #AAC06D · #7BAA23 · #507D38 · #335031
Moss and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F7EDC2): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#AAC06D): A luminous, balanced green — the color of new leaves after rain.
- Moss (#7BAA23): A luminous, vivid green — the color of a quiet forest floor.
- Olive (#507D38): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#335031): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Ancient Mustard color palette (#F8E7B6, #AFAE39, #648832, #2C673E, #454942)
- Airy Jade color palette (#FFF4DF, #E1D37F, #85B05F, #3A875B, #09483C)
- Ancient Jade color palette (#E5EEC3, #79CB93, #13B477, #008162, #3E5130)
- Chalky Azure color palette (#F5F7E2, #91C982, #1DB1F6, #4F943B, #1C4C3E)
- Amber Veranda color palette (#FFE5BF, #DCBD6A, #A78E00, #767000, #4B4A42)
- Linen Emerald color palette (#F2FAD9, #9BD9A2, #45A75B, #246D3B, #0E361B)
- Quiet Azure Thicket color palette (#F0FAE0, #5EBA8E, #00A7D6, #998539, #363932)
- Fern Field color palette (#F3F8E4, #B2E5DF, #80D7EB, #829F78, #41530A)
Browse the whole catalog at Explore, or see today's palette.