Tempered Stone Coast color palette — #ECEDFF · #A3C07D · #73538C · #333052 · #151421

Sage takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#ECEDFF): A whisper-light, dusty violet — the color of a velvet chair.
• Sage (#A3C07D): A luminous, balanced green — the color of fresh herbs.
• Slate (#73538C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#333052): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#151421): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Stone Coast 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 Mulberry Hollow color palette (#F5EAF9, #B9BA6C, #944560, #4E2734, #1C1120)
• Dusty Grape color palette (#FFF1F5, #B9DE95, #7F459E, #331C40, #0B0104)
• Tempered Harbor color palette (#FAF2FB, #B0DDC8, #8C7391, #59445D, #302832)
• Tempered Peony color palette (#F0ECF8, #FFB399, #B568AA, #71446B, #181322)
• Tempered Dune color palette (#FBEAEB, #C38C7B, #5F2C5B, #351033, #230F13)
• Timeworn Ridge color palette (#E2DFF1, #829F49, #64266D, #2F0135, #03010D)
• Driftwood Boulevard color palette (#F8F3FB, #E4D5D9, #CBB9B9, #A76C84, #3D3841)
• Powdered Terracotta color palette (#EED6E3, #B8A553, #893A09, #471900, #160410)

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