Tempered Stone color palette — #E9F5EF · #C0BA71 · #69817B · #485950 · #1E231F
Built around Gold, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#E9F5EF): a clean, paper-quiet neutral.
- Gold (#C0BA71): A luminous, balanced green — the color of fresh herbs.
- Storm Blue (#69817B): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#485950): A full-bodied, dusty teal — the color of glacier melt.
- Onyx (#1E231F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Wandering Teal color palette (#D3EAEB, #64BEA1, #55767F, #334F51, #0F1B1A)
- Taupe Station color palette (#E7F6EE, #A89D51, #435E5C, #2B3C33, #281F22)
- Muted Mustard color palette (#FAF5E8, #BFB049, #515B10, #2F2B1F, #130F0A)
- Moss Corridor color palette (#C5E7DD, #85B300, #4B7254, #174C40, #07150F)
- Dusty Emerald color palette (#DBFFED, #CBD7A4, #A2C684, #609D62, #2C5A5A)
- Tempered Pine color palette (#D5EAE9, #00905C, #004D46, #002414, #000202)
- Muted Moss color palette (#D4F1EB, #57A132, #2D5F48, #1E3713, #000604)
- Antique Boulevard color palette (#F3EDDC, #908500, #413D00, #211E15, #0F0C08)
Browse the whole catalog at Explore, or see today's palette.