Tempered Stone color palette — #FFF1F3 · #AAB76C · #694068 · #452128 · #251914

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Sage (#AAB76C): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#694068): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#452128): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#251914): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Muted Garden color palette (#FEF2F0, #C7C387, #7B4F5A, #49322E, #2A221C)
• Patina Pewter Thicket color palette (#F5F4FD, #9FD2B2, #8A6091, #433D5D, #22202B)
• Hushed Mustard color palette (#FFF2EC, #BAA100, #7F221B, #490E09, #29140B)
• Wandering Ash Thicket color palette (#F7F3FD, #E8D3A8, #BB7FA4, #835070, #241F2B)
• Garnet Corridor color palette (#FFDBD8, #9B9800, #6D0044, #360020, #230304)
• Antique Mulberry color palette (#FDF2F2, #E191BD, #986100, #8D406E, #2B2218)
• Amber Drift color palette (#F3D8C8, #A48B00, #5D1E00, #2B0A00, #0A0500)
• Pewter Balcony color palette (#FCF3F0, #E0DBD0, #C3C1AE, #90695F, #4E4644)

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