Tempered Moss color palette — #F8F6E8 · #C2ECC9 · #DABCFF · #92A44E · #4E3D62
Moss and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F6E8): bright and airy, almost weightless.
- Mint (#C2ECC9): A whisper-light, dusty green — the color of new leaves after rain.
- Lavender (#DABCFF): A whisper-light, balanced violet — the color of wild irises.
- Moss (#92A44E): A luminous, balanced green — the color of fresh herbs.
- Charcoal (#4E3D62): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, 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
- Muted Jade color palette (#F3F7E8, #C3F4CD, #EBB9E3, #51B16E, #62383E)
- Amber Parlor color palette (#FCF4E8, #DBE6B6, #AECDFF, #BE930E, #314669)
- Worn Stone color palette (#E6FBF3, #A9B972, #9B8FC7, #6D7A3A, #474B63)
- Timeworn Fern color palette (#F8F6E5, #CFE4D1, #CEC8D4, #BBB481, #535300)
- Gentle Blush color palette (#EFF8EC, #87E9DC, #F89AB7, #009F93, #572636)
- Lagoon Villa color palette (#F3F6EF, #CDDBCB, #5C9477, #20513A, #191D12)
- Hushed Blush color palette (#F8F6E4, #BFD59E, #8FC0ED, #DD8397, #393932)
- Hushed Corridor color palette (#FCF3ED, #E1DCC4, #C9A68E, #9F6A62, #573800)
Browse the whole catalog at Explore, or see today's palette.