Tempered Moss color palette — #FEF2F3 · #CB8FC8 · #91890C · #27726A · #3B2E39
A conversation between Olive Leaf and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF2F3): a clean, paper-quiet neutral.
- Mauve (#CB8FC8): A luminous, balanced pink — the color of peonies in June.
- Olive Leaf (#91890C): A luminous, balanced green — the color of new leaves after rain.
- Teal (#27726A): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#3B2E39): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Softworn Balcony color palette (#FEF1F7, #A797D6, #B07C34, #457352, #2B3A34)
- Muted Coral Canyon color palette (#FFF2EE, #E48C8E, #4B9365, #2D6C85, #403135)
- Antique Cabin color palette (#EEF6FF, #96B7E5, #789D66, #2B796A, #1A2931)
- Wandering Coral Boulevard color palette (#FDF4E6, #E9A7C9, #C87A71, #487C5D, #58423E)
- Weathered Boulevard color palette (#FFF1F5, #AA6BB6, #3F7950, #52544D, #2C3A30)
- Hazy Peony Boulevard color palette (#FFF1F1, #EA4BB2, #407100, #005E66, #221A3D)
- Taupe Grove color palette (#FBF3F3, #E2D9D2, #B3B2A5, #BD8D8F, #5B4F50)
- Dusty Blush color palette (#FBEFEC, #DA7A8D, #824624, #44332F, #262020)
Browse the whole catalog at Explore, or see today's palette.