Tempered Stone color palette — #EDF9F0 · #D9BC82 · #46674F · #273F2D · #1B2825
A conversation between Sand and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF9F0): a clean, paper-quiet neutral.
- Sand (#D9BC82): A luminous, balanced gold — the color of honey in a jar.
- Pine (#46674F): A full-bodied, dusty teal — the color of sea glass.
- Forest (#273F2D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#1B2825): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Worn Apricot color palette (#EAF9F9, #D7A270, #225E44, #003637, #0D1D25)
- Aged Mustard Garden color palette (#EFF8F1, #D8BE74, #358E7E, #816B28, #203134)
- Chestnut Lantern color palette (#ECF4EE, #A9CEB0, #735E30, #213726, #0D1610)
- Muted Thicket color palette (#FDF1FA, #CEC183, #73516C, #43333F, #2B2123)
- Dusty Cocoa color palette (#FBF4E8, #E6CDA7, #8E7B4F, #664700, #322A1D)
- Ancient Boulevard color palette (#FFF6D0, #B4CB8A, #5F956F, #0E675B, #005157)
- Hazy Marigold Drift color palette (#DCFFEF, #D39400, #4A4C00, #272900, #032017)
- Timeworn Taupe Coast color palette (#FFF1F7, #A0B06B, #398777, #5C5377, #334E4A)
Browse the whole catalog at Explore, or see today's palette.