Tempered Stone color palette — #F7F7DE · #ADFCFB · #CCE3CE · #ACBE75 · #505200
A conversation between Sage and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F7DE): A whisper-light, dusty green — the color of fresh herbs.
- Sea Foam (#ADFCFB): A whisper-light, dusty teal — the color of shallow lagoons.
- Celadon Mist (#CCE3CE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#ACBE75): A luminous, balanced green — the color of new leaves after rain.
- Deep Olive (#505200): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Weathered Stone Study color palette (#F1F8EB, #CBE4D9, #93C7A2, #AFB6C9, #4E5646)
- Timeworn Quarry color palette (#F8F6E0, #C3EBCF, #A8D6F5, #B49450, #555500)
- Muted Cypress color palette (#F3F7EA, #D5DBA5, #6CA47F, #36714D, #1F2412)
- Patina Courtyard color palette (#E8FBEC, #B6E7E3, #B5C9FA, #00B7B6, #284D38)
- Cocoa Harbor color palette (#FFF2EA, #ECC9AC, #D49F83, #AF7966, #583300)
- Gentle Pier color palette (#F8F6E6, #A6BC74, #DA7E9B, #BB673D, #362709)
- Muted Chartreuse color palette (#EEE5D4, #7FDEFF, #2DEC7E, #575952, #25271C)
- Sunlit Basin color palette (#DFF2D6, #4DC0B8, #409DD1, #00825B, #001311)
Browse the whole catalog at Explore, or see today's palette.