Tempered Garnet color palette — #E5DDDC · #C8B4AE · #A48778 · #7A1347 · #2A1B19
A conversation between Mulberry and Caramel, giving this palette its sense of sophistication.
The five colors
- Bone (#E5DDDC): bright and airy, almost weightless.
- Stone (#C8B4AE): A luminous, dusty orange — the color of autumn markets.
- Caramel (#A48778): A luminous, dusty orange — the color of autumn markets.
- Mulberry (#7A1347): A deep, shadowed, balanced rose — the color of strawberry cream.
- Onyx (#2A1B19): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Garnet 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 Station color palette (#EAE1DF, #B8A59A, #9C765A, #6D001B, #1D100C)
- Weathered Thicket color palette (#E9DDE1, #CBB1B5, #A98382, #5A277E, #2A1A1F)
- Mulberry Balcony color palette (#E6E2EA, #D3BCD0, #B69DA6, #87496A, #241B2C)
- Weathered Terracotta color palette (#FCF3EF, #E2CEC1, #C0A07D, #A51C15, #562000)
- Chestnut Dune color palette (#F2EEE8, #D3CBBD, #A8A183, #744B00, #362C1F)
- Weathered Chestnut color palette (#F3DCD6, #A5705B, #714A00, #003D3B, #0F2138)
- Weathered Boulevard color palette (#FBF3F1, #E0DAD1, #C8BFAC, #9F5E6B, #514441)
- Hushed Olive color palette (#F2EFDF, #548A41, #00532E, #4B173F, #092101)
Browse the whole catalog at Explore, or see today's palette.