Tempered Stone color palette — #FBF3F5 · #C0E3EF · #A6B67F · #6E8C8E · #3B4B41

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

The five colors

• Ivory (#FBF3F5): a clean, paper-quiet neutral.
• Powder Blue (#C0E3EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sage (#A6B67F): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#6E8C8E): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#3B4B41): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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 Teal Boulevard color palette (#E9F9F5, #B6E7FD, #3BB3A9, #5E7A8F, #203E3F)
• Dusty Fern color palette (#F9F5EC, #EADDB6, #BFB78C, #9B9C85, #5D4B00)
• Washed Stone color palette (#ECF7FF, #DBDAE4, #96C3CF, #B8ADA7, #46525F)
• Worn Summit color palette (#E3FCF3, #73B381, #00705E, #004355, #000B02)
• Wandering Pine color palette (#E8FAEF, #A8C782, #008D4E, #005D61, #001E18)
• Worn Workshop color palette (#FCF4E9, #CDC09E, #8E8239, #606D28, #604A00)
• Driftwood Station color palette (#FBEFE7, #CFC1AA, #8E853B, #576751, #34302A)
• Sand Study color palette (#ECF7FF, #CCDDFB, #FFBA8A, #52A5CD, #5B3B4A)

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