Tempered Moss color palette — #F7F7E2 · #7BB147 · #AF79AF · #875E87 · #33332C

A conversation between Clover and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#7BB147): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#AF79AF): A luminous, balanced pink — the color of a candy shop window.
• Slate (#875E87): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#33332C): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Misty Veranda color palette (#F2F8E6, #50BD83, #A4689F, #844C45, #542A26)
• Amber Parlor color palette (#FFF3E2, #C99500, #A77ABF, #7F618E, #36322C)
• Weathered Field color palette (#F0F9E9, #00B997, #C17876, #9C5957, #2C3724)
• Ancient Mint Courtyard color palette (#FFF2EE, #6DC890, #4390B4, #8C4F54, #32432D)
• Plum Station color palette (#E5F9FF, #4CC8C5, #63A6D3, #A25189, #072931)
• Peony Summit color palette (#FFF3E7, #E3AE72, #C797DD, #C76DA0, #37322C)
• Timeworn Iris color palette (#F7F6EB, #BAD06F, #7389DC, #798940, #2C2029)
• Muted Villa color palette (#E5FAFB, #2F9576, #4473AA, #4C4D7E, #15393C)

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