Tempered Moss color palette — #FEF2F1 · #D89DB8 · #879547 · #396E99 · #593646

Moss takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF2F1): a clean, paper-quiet neutral.
• Mauve (#D89DB8): A luminous, dusty rose — the color of a warm blush.
• Moss (#879547): A luminous, balanced green — the color of fresh herbs.
• Slate (#396E99): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#593646): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Dusty Moss color palette (#FFF1F2, #D899CC, #8D9338, #2F7190, #274B3D)
• Ancient Chapel color palette (#FFF2EC, #E19D93, #38A27A, #715C95, #5A3640)
• Shell Dune color palette (#FCF2F9, #FFB7AA, #98A067, #2C777B, #353358)
• Antique Amber color palette (#FFF2EC, #F1B18E, #CA8D33, #8C793D, #54524B)
• Worn Shell Archive color palette (#F9F2FD, #FAAEC7, #74BAA0, #608CB2, #28455F)
• Timeworn Station color palette (#FFF2EE, #EBCFBB, #B9AB8D, #8F7E8D, #5A4A58)
• Timeworn Turquoise color palette (#FAF3F0, #CCE9E0, #6BBFD5, #599574, #355148)
• Sunlit Amber color palette (#FDEFE2, #D47D19, #008189, #464392, #3E1946)

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