Tempered Moss color palette — #FFF1F6 · #D6AEC6 · #8D9542 · #564A72 · #2E204A

A conversation between Moss and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Rosewood Mist (#D6AEC6): A luminous, dusty pink — the color of neon signs at night.
• Moss (#8D9542): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#564A72): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#2E204A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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 (#FEF0FF, #E5B98E, #75903E, #6A4F78, #341E40)
• Ancient Stone color palette (#F7F3FF, #EFA3B1, #AB8956, #35607F, #042E46)
• Hushed Mustard color palette (#F2DAD0, #DAB173, #9CA464, #52806D, #482C47)
• Basalt Thicket color palette (#FED7E1, #C99F81, #61783D, #5A2D59, #2E082E)
• Hushed Teal color palette (#FFF2EB, #D9CB75, #00A892, #88406D, #461B36)
• Washed Lagoon color palette (#FEF0FF, #CFF1E8, #94B891, #847798, #524960)
• Faded Pine Veranda color palette (#E9FBE9, #BBC17B, #098F33, #594577, #001E14)
• Washed Olive color palette (#FFEBD5, #748440, #005954, #3E0B15, #040000)

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