Tempered Stone color palette — #EEF8F1 · #D8BC85 · #456750 · #263F2F · #182826

Sand and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Sand (#D8BC85): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#456750): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#263F2F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#182826): A deep, shadowed, dusty teal — the color of sea glass.

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

• Antique Archive color palette (#EEF8F1, #D5BF74, #2B8E89, #7C6C33, #233033)
• Apricot Parlor color palette (#E4FAFB, #DE9F62, #006047, #073537, #0D1D25)
• Antique Chestnut color palette (#EDF4EF, #ACCDB1, #6F6035, #1C3826, #0D1610)
• Dusty Bronze Ridge color palette (#F9F5ED, #E5CEA4, #997834, #644800, #312A1F)
• Lagoon Delta color palette (#DCFFEB, #ADC686, #4F8F65, #0B685B, #004E56)
• Hushed Jade color palette (#FFF1F7, #98B460, #30877B, #5D5276, #324E4B)
• Antique Amber Meadow color palette (#EAFAF0, #A59029, #737BA9, #4F5F81, #304237)
• Tempered Amber Alley color palette (#C7ECF6, #DA7300, #004542, #00201F, #010914)

Browse the whole catalog at Explore, or see today's palette.