Tempered Stone color palette — #EEF8EE · #BEE4CB · #D2AF83 · #A68899 · #3C4C46

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

The five colors

• Ivory (#EEF8EE): a clean, paper-quiet neutral.
• Celadon Mist (#BEE4CB): A whisper-light, dusty teal — the color of glacier melt.
• Sand (#D2AF83): A luminous, dusty gold — the color of honey in a jar.
• Dusty Rose (#A68899): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#3C4C46): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Antique Archive color palette (#FFF1F6, #E8CC9F, #DB9D6D, #9F7B96, #2A4436)
• Frost Basin color palette (#EEF8EF, #B7EFE4, #98B899, #8D717B, #334439)
• Bronze Workshop color palette (#FEF3E6, #DAC8AD, #B79567, #9A6931, #5D4300)
• Apricot Drift color palette (#F6F4FA, #FDCBF6, #EFA36B, #D292C9, #352A2F)
• Worn Study color palette (#F9F0E6, #C9B99D, #A6793D, #7D4A15, #322B19)
• Tempered Lantern color palette (#F5F3FF, #E1ACEC, #A8C17F, #51AAAC, #3D3B4A)
• Ash Meadow color palette (#F5F4FE, #D2E6BA, #B38FBF, #6C6984, #2B2A35)
• Aged Mustard color palette (#DCF6E5, #C3D08D, #C0A200, #B06F07, #243D1D)

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