Tempered Moss color palette — #F9F5E7 · #C5EDC4 · #E0BAFA · #99A14A · #5F3946
Built around Moss, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Celadon Mist (#C5EDC4): A whisper-light, dusty green — the color of a quiet forest floor.
- Lavender (#E0BAFA): A whisper-light, balanced violet — the color of a velvet chair.
- Moss (#99A14A): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#5F3946): A deep, shadowed, dusty rose — the color of a warm blush.
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
- Worn Dune color palette (#F3F8E8, #AFEFE7, #EFB6E6, #46B276, #5A3955)
- Amber Garden color palette (#FDF4E7, #FFE1AD, #A1D2FD, #C49019, #294965)
- Timeworn Fern Delta color palette (#FBF5E3, #CCE9D7, #CCC3D1, #CDAD7F, #4A5509)
- Lilac Canyon color palette (#F6F7E4, #B7D7A4, #C6ADEC, #AE93D4, #393932)
- Timeworn Delta color palette (#F4F3E3, #A9BD77, #AB8DC9, #6A7849, #452632)
- Softworn Lagoon color palette (#F1F7EE, #D7D7CB, #5B9286, #384D2D, #171E14)
- Powdered Thicket color palette (#EDFAEA, #8CE7DE, #FF97AB, #009F96, #582631)
- Basalt Boulevard color palette (#FEF3EB, #E1DFC1, #CBA68B, #9E6A6E, #4E3D00)
Browse the whole catalog at Explore, or see today's palette.