Tempered Ridge color palette — #FFF2ED · #B8B8E9 · #9F85BA · #A05558 · #56404B
Brick takes the lead with Dusty Rose close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Lavender (#B8B8E9): A luminous, dusty violet — the color of wild irises.
- Dusty Rose (#9F85BA): A luminous, balanced violet — the color of wild irises.
- Brick (#A05558): A full-bodied, balanced red — the color of late-summer berries.
- Cocoa (#56404B): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Creativity, Sophistication. Tagged retro, muted.
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 Bronze color palette (#FFF2E9, #D7B0CE, #B97F93, #93632B, #5D3E3F)
- Weathered Ash color palette (#FFF0FF, #D1DBFF, #A49AC9, #91646D, #393F4E)
- Softworn Pier color palette (#FFF2EF, #96CABD, #7E8FC8, #92597D, #534053)
- Ancient Ash color palette (#F9EEF5, #9296CC, #65515B, #41333C, #271F25)
- Worn Plum Quarry color palette (#FFEADC, #C58AC2, #AB5781, #7D4500, #44233C)
- Worn Pewter color palette (#F8F6E6, #74AFD9, #7F6AA6, #555F2C, #524250)
- Weathered Ridge color palette (#FFF1F6, #E2C9CF, #BE9B9D, #AE704A, #764509)
- Dusty Grove color palette (#E8FAF2, #A7D6FF, #B7A4D4, #8D8F64, #3E4859)
Browse the whole catalog at Explore, or see today's palette.