Tempered Stone color palette — #EEF8EF · #BBDFEC · #8EB9AA · #828499 · #394B41

Sage takes the lead with Powder Blue close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#EEF8EF): bright and airy, almost weightless.
• Powder Blue (#BBDFEC): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#8EB9AA): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#828499): A luminous, dusty violet — the color of wild irises.
• Charcoal (#394B41): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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 Atelier color palette (#F1F7F2, #D4D6E6, #AEC5E6, #5FA18C, #365162)
• Weathered Corridor color palette (#FFF0FC, #FFB7AC, #92CC99, #8BA0D7, #42323F)
• Coral Quarry color palette (#FEF0FD, #F3D6C5, #85DCE6, #D1807F, #294C58)
• Cocoa Meadow color palette (#F9F4ED, #CDC09F, #7D8757, #7B5B69, #614A00)
• Worn Blush Terrace color palette (#F9F2FF, #EFD6D0, #E5989C, #A76E6A, #64465A)
• Lagoon Study color palette (#E8FAF4, #B9DBB7, #4B9C77, #7E546C, #022F2B)
• Patina Orchard color palette (#E5FBF6, #6FB488, #00705A, #5C273E, #000B03)
• Pine Harbor color palette (#E4FBF1, #A4C88B, #388951, #6C3E64, #001E19)

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