Tempered Stone color palette — #FFF1F0 · #E2CAB6 · #BAB18D · #97818B · #5F4953
Built around Sage, softened by Oat — the whole palette hums with sophistication.
The five colors
- Ivory (#FFF1F0): bright and airy, almost weightless.
- Oat (#E2CAB6): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#BAB18D): A luminous, dusty green — the color of fresh herbs.
- Heather (#97818B): A luminous, dusty rose — the color of strawberry cream.
- Charcoal Brown (#5F4953): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
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
- Weathered Teal Corridor color palette (#FFF2EA, #D4CAA0, #72B2A1, #8E675F, #6B4A43)
- Stone Loft color palette (#FFF0FD, #CAE1E4, #A5CACF, #818899, #474E5D)
- Weathered Lilac color palette (#FBF4EA, #E1BF85, #B9A2EC, #A8864B, #5F4450)
- Wandering Lilac color palette (#FEF4E0, #C1B26C, #A799DD, #A678AA, #45423B)
- Dusty Pewter color palette (#FFDAD6, #E5B29E, #A2935B, #865F94, #6B344A)
- Tempered Study color palette (#FFE4E0, #C4A975, #528A67, #6D4475, #4F3138)
- Taupe Loft color palette (#FCF6D9, #D5E0A6, #A6A151, #6F7233, #3C3B34)
- Feathered Mint Workshop color palette (#EEE0C9, #80C881, #0095A0, #904141, #672526)
Browse the whole catalog at Explore, or see today's palette.