Tempered Moss color palette — #D6F7EC · #7C9C0E · #8F62B1 · #4B6000 · #412A52

Olive Leaf and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D6F7EC): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#7C9C0E): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#8F62B1): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#4B6000): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#412A52): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, 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 Loft color palette (#DDF5EB, #9AA624, #5C5BBE, #555D00, #2F3155)
• Jade Grove color palette (#D9F5F4, #3BB775, #8350A3, #00683B, #422853)
• Jade Veranda color palette (#DEFDFA, #5DB57A, #A873AF, #2F7648, #443D5C)
• Timeworn Olive Canyon color palette (#C6EFE5, #588B00, #88539D, #813561, #0C322B)
• Hushed Cabin color palette (#D4F6F7, #29B783, #AE3A5C, #006746, #56212F)
• Dusty Garden color palette (#EEEBCD, #829E38, #C2544E, #495E00, #3D0003)
• Aged Plum color palette (#BDEFF3, #009B79, #C60082, #005D47, #550336)
• Pale Aubergine Parlor color palette (#D7E9E5, #3A921E, #6E198E, #124600, #2C013C)

Browse the whole catalog at Explore, or see today's palette.