Tempered Stone color palette — #F4EFFB · #AFCEA7 · #685A7B · #362B43 · #16111C

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

The five colors

• Blush (#F4EFFB): bright and airy, almost weightless.
• Pistachio (#AFCEA7): A luminous, dusty green — the color of fresh herbs.
• Graphite (#685A7B): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#362B43): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#16111C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Aged Basalt color palette (#F8F3FB, #A6CBAE, #7B4F5C, #532936, #302833)
• Driftwood Veranda color palette (#FFF1F1, #D0D6AE, #996E86, #653F55, #342828)
• Chestnut Corridor color palette (#FAEEF2, #C2B379, #744A21, #391D29, #13090D)
• Taupe Coast color palette (#E3F8EA, #D7989D, #887749, #3C5470, #372631)
• Aged Garnet Chapel color palette (#FCEBFF, #95B562, #82253E, #400518, #0F0212)
• Tempered Pewter Hollow color palette (#F4F0F7, #EDAFC5, #888742, #9F5774, #0C1913)
• Washed Quarry color palette (#E8F6ED, #9F9357, #73682B, #125B62, #201625)
• Tempered Summit color palette (#F6EFF5, #DED5D3, #A6ADB7, #A4756E, #3A3439)

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