Tempered Alley color palette — #FCEDF2 · #C2A6D8 · #7CAC66 · #83619B · #31322B

Moss and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCEDF2): a clean, paper-quiet neutral.
• Mauve (#C2A6D8): A luminous, dusty violet — the color of a velvet chair.
• Moss (#7CAC66): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#83619B): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Alley 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

• Antique Jade color palette (#FDEEEA, #DFA0A5, #65B073, #A25860, #30322B)
• Patina Taupe Terrace color palette (#F9EEF9, #90B6E8, #AB9E3C, #4373B2, #33312A)
• Timeworn Wisteria Canyon color palette (#FFF1F5, #C49CE7, #45A8BB, #81639B, #3C5444)
• Mallow Courtyard color palette (#F5F4FF, #DFAFF1, #A7BB73, #9E7FA9, #34554B)
• Wandering Meadow color palette (#FFECF1, #B18BC1, #7A9958, #548758, #332226)
• Ancient Ash color palette (#FFECF2, #E4D5CD, #A8B39A, #A8849B, #493437)
• Weathered Pewter Canyon color palette (#F9EFEF, #C1C997, #7F506D, #442829, #1C1111)
• Muted Brick Hollow color palette (#FEEEE8, #E48486, #00A2A3, #A63A43, #122F15)

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