Tempered Stone color palette — #FFF3E7 · #C0B481 · #89896F · #4F6D63 · #5E4555
Sage and Charcoal Brown set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Sage (#C0B481): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#89896F): A luminous, dusty green — the color of fresh herbs.
- Graphite (#4F6D63): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#5E4555): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Stone 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
- Tempered Driftwood color palette (#FAECCD, #ADBE8D, #798F4C, #765C6D, #604744)
- Chestnut Dune color palette (#FBF5E4, #A8B688, #5F7D58, #844727, #4C4300)
- Aged Ash color palette (#FFEFFA, #B2D0B7, #7FAEA4, #737794, #4B4E68)
- Softworn Mustard Alley color palette (#FFE4B9, #CAA329, #807B00, #566125, #44443D)
- Moss Parlor color palette (#FBF6E0, #A0A73F, #9379C5, #666B1E, #583746)
- Tempered Cocoa color palette (#DEE3BE, #6FB19E, #48848A, #6A4B52, #623000)
- Mint Summit color palette (#E4F4A6, #77C381, #3B867B, #655687, #693D5D)
- Hushed Cerulean color palette (#FAF4EC, #C0E7D5, #5790BD, #2B6D73, #573E56)
Browse the whole catalog at Explore, or see today's palette.