Tempered Moss color palette — #F9F6E4 · #B4BE85 · #C989D4 · #7D8900 · #56335C

A conversation between Olive Leaf and Mauve, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B4BE85): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#C989D4): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#7D8900): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#56335C): A deep, shadowed, balanced pink — the color of neon signs at night.

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

• Emerald Balcony color palette (#F2F8E9, #83C9A4, #CA8BC9, #009863, #583258)
• Quiet Bronze Station color palette (#FBF4E7, #C6B87E, #7EA3F0, #977F00, #2D416B)
• Faded Bloom color palette (#E3FCF3, #C6E271, #D3A4F5, #81934C, #363451)
• Dusty Pier color palette (#F7F8DA, #8BB36D, #AC82D6, #B95C8C, #383831)
• Hushed Ember color palette (#E5FBF4, #94AA62, #D1635F, #597012, #533850)
• Weathered Harbor color palette (#FEF3EA, #D3B999, #B38367, #8E5854, #403D36)
• Sunlit Grove color palette (#E5FDE1, #33DACF, #D846B5, #008A82, #611550)
• Chartreuse Cabin color palette (#F7F7E3, #B0DD82, #52CEFB, #86AD5C, #10495D)

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