Tempered Stone color palette — #FFF1F1 · #C3CB83 · #945D80 · #5A3739 · #2D1D1D

Built around Pistachio, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Pistachio (#C3CB83): A luminous, balanced green — the color of new leaves after rain.
• Slate (#945D80): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#5A3739): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#2D1D1D): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, 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

• Tempered Pewter color palette (#F8F3FB, #F8E3B8, #9F607A, #59233B, #130C17)
• Antique Basalt Studio color palette (#FEF2F2, #91BB97, #6B4161, #42203A, #2A1810)
• Pewter Thicket color palette (#F7F3FC, #B7E2C1, #B582A5, #844E74, #251E2F)
• Ancient Mustard Orchard color palette (#FFF2EA, #DAB802, #AB450D, #60270A, #27160A)
• Wandering Driftwood color palette (#FCF3EF, #DFDBD0, #C3C3AF, #B2817C, #4F4542)
• Raspberry Boulevard color palette (#FCF2F1, #FDA7C3, #AB8A40, #B5627F, #2B2316)
• Faded Mulberry Chapel color palette (#FFDBD4, #BBAF00, #A6074D, #5A0026, #1E0805)
• Mustard Lagoon color palette (#EDDACB, #C6A000, #824100, #411E00, #150700)

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