Tempered Stone color palette — #EFF7F6 · #D5DBE0 · #BCAFB3 · #92BB95 · #474F4E

A conversation between Sage and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D5DBE0): a clean, paper-quiet neutral.
• Ash (#BCAFB3): soft and architectural.
• Sage (#92BB95): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#474F4E): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, 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

• Lagoon Hollow color palette (#EAF4F4, #CFD9DF, #ABACB6, #5A8D8B, #2E3838)
• Antique Driftwood color palette (#E8FBEF, #C3E3E9, #A8CCD7, #AA8093, #44584D)
• Worn Ridge color palette (#E9F9FB, #6DC0AF, #455763, #163033, #0A1110)
• Aged Abyss Lantern color palette (#E6F0F0, #B0BDC2, #7E95A7, #00482C, #000202)
• Hushed Denim Ridge color palette (#E7F0F5, #C7D1DF, #A1A4C0, #00566E, #000306)
• Dusty Bronze color palette (#FEF0FD, #B3EADC, #63B0B8, #A25B5D, #214646)
• Patina Stone Chapel color palette (#EFF7F5, #D5DBDF, #BCB1B6, #A0B789, #46504D)
• Teal Corridor color palette (#EFF7F7, #D6DBE0, #BDB1B2, #78C0A3, #464F50)

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