Tempered Ridge color palette — #FBF2F6 · #D4D4B1 · #977084 · #4E476C · #34272D
A conversation between Charcoal Brown and Mocha, giving this palette its sense of sophistication.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Wheat (#D4D4B1): A whisper-light, dusty green — the color of new leaves after rain.
- Mocha (#977084): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal Brown (#4E476C): A full-bodied, dusty violet — the color of twilight just after sunset.
- Onyx (#34272D): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Sophistication. Tagged luxury, dark, 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
- Garnet Quarry color palette (#FFF2F0, #CFC599, #955F72, #622F43, #2D1D1B)
- Softworn Taupe Drift color palette (#FFF1F4, #FFD2C6, #BD909C, #7F656C, #32282B)
- Aged Orchard color palette (#F1F5FF, #E2FFD8, #8180B1, #3F4558, #181B24)
- Dusty Pewter color palette (#F4F4FC, #D7B3D1, #685380, #353551, #29222C)
- Washed Petrol color palette (#FAF5E4, #D0B0DC, #B88185, #197D85, #5D3E40)
- Hushed Cypress Cabin color palette (#FFF2F1, #D094B0, #AF7D51, #007C67, #3D2B32)
- Washed Ash color palette (#FBF3F4, #DFD9D4, #B5B5A7, #B989B4, #5C4F50)
- Iris Corridor color palette (#FBF2F6, #D8C7F8, #CC8969, #977CC5, #332C28)
Browse the whole catalog at Explore, or see today's palette.