Tempered Moss color palette — #FBF5E5 · #CEC693 · #A6ACE6 · #9E8D21 · #46496F
A conversation between Moss and Mauve, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#CEC693): A whisper-light, dusty green — the color of new leaves after rain.
- Mauve (#A6ACE6): A luminous, balanced violet — the color of wild irises.
- Moss (#9E8D21): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#46496F): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged light, 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
- Quiet Studio color palette (#F6F6EC, #B4CEA0, #CA9ED9, #6B9D3A, #683F4A)
- Dusty Sand Cabin color palette (#E9FAEF, #E8D58B, #C0BFFF, #BAA864, #444C65)
- Dusty Periwinkle color palette (#F7F6EA, #A9B783, #6A9AE0, #6B7A37, #5A455A)
- Tempered Amber Terrace color palette (#FEF3EB, #E7B99E, #78BBDB, #CD702E, #2C5746)
- Tempered Pier color palette (#FCF5DF, #B6B57C, #6DAFCB, #C2769F, #514000)
- Hushed Delta color palette (#FBF5E6, #D2CBAD, #A59C6F, #946C2C, #4F4A00)
- Linen Station color palette (#F9F6DE, #B0CE5D, #B478F6, #5C7300, #49246D)
- Softworn Pine color palette (#EEF1DC, #77BB76, #C077BC, #0D8A1F, #511D4F)
Browse the whole catalog at Explore, or see today's palette.