Tempered Ridge color palette — #FFF1F8 · #E8C9D5 · #C399A6 · #5B46A5 · #3D2D36

Plum and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Oat (#E8C9D5): A whisper-light, dusty rose — the color of strawberry cream.
• Mauve (#C399A6): A luminous, dusty rose — the color of a warm blush.
• Plum (#5B46A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#3D2D36): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Mulberry color palette (#F6EBEC, #DBC6C6, #B99793, #7A3870, #3B282A)
• Wandering Bloom color palette (#F1F5FF, #DBDBF4, #C5B5DE, #6969CE, #2B3245)
• Denim Boulevard color palette (#EAF9F4, #DDCCDE, #8EA7D7, #006092, #223831)
• Hushed Studio color palette (#FAF3F6, #E1D7D6, #B0ADA0, #8879A4, #594F53)
• Iris Study color palette (#FBF2F8, #EAD4D0, #DCBAA3, #828BF9, #44283C)
• Worn Coast color palette (#E7DDE0, #AA9397, #88666A, #41005E, #130509)
• Blush Terrace color palette (#FEE5FE, #CB79AC, #AC5470, #744200, #3B410C)
• Worn Drift color palette (#FFDDC9, #A84AD1, #8C007A, #5D2500, #3A193F)

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