Tempered Stone color palette — #FCF4EB · #D5A772 · #699978 · #3D6F8E · #5C353E
A conversation between Camel and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF4EB): a clean, paper-quiet neutral.
- Camel (#D5A772): A luminous, balanced gold — the color of afternoon light on wheat.
- Eucalyptus (#699978): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3D6F8E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#5C353E): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Hushed Stone color palette (#FFF2ED, #E29C99, #8B925D, #2F747E, #483A5F)
- Timeworn Teal color palette (#FEF1F5, #F3C188, #62AC85, #486E93, #3D324D)
- Softworn Cocoa color palette (#F8F6E9, #ACB97B, #5299A4, #705E8E, #6A2F0C)
- Muted Basalt color palette (#FFF3E5, #D9CEB4, #A8A98D, #8B798D, #624958)
- Sunlit Nightshade color palette (#FFF4DF, #BB9700, #008A7E, #3F40B9, #5F0024)
- Ancient Canyon color palette (#FFEED4, #D3C98C, #A6AA63, #697B43, #4D4E47)
- Denim Hollow color palette (#FEF2F0, #BC8695, #557D47, #61447D, #5C3731)
- Dusty Chestnut Workshop color palette (#FAF0E2, #B69756, #6A5600, #3D372D, #26211C)
Browse the whole catalog at Explore, or see today's palette.