Tempered Moss color palette — #F9D9B4 · #D4B666 · #9B902D · #5D6F23 · #294C2C
Moss and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#F9D9B4): A whisper-light, dusty gold — the color of old brass.
- Gold (#D4B666): A luminous, balanced gold — the color of afternoon light on wheat.
- Moss (#9B902D): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5D6F23): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#294C2C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Softworn Olive Courtyard color palette (#C7EDD3, #BEB171, #89850F, #575E00, #214E31)
- Powdered Moss color palette (#F5E3B8, #B3C780, #6FA85B, #29794F, #3C4F2C)
- Antique Amber color palette (#FFE2DB, #F5AB7C, #BA8637, #7F6511, #474B23)
- Misty Moss color palette (#E2FFDE, #F7D579, #AEAA00, #5E7621, #1B4F49)
- Fern Delta color palette (#FBF8CC, #BEDB9B, #899E52, #4A6B25, #243200)
- Bronze Studio color palette (#F2E1C7, #947B00, #555B00, #1E3A00, #001608)
- Airy Atelier color palette (#FCF5DF, #BBBD71, #AB98D9, #858533, #473966)
- Patina Hollow color palette (#FCF6DA, #BAF3E5, #94D6ED, #AE8A5A, #4D4B00)
Browse the whole catalog at Explore, or see today's palette.