Tempered Stone color palette — #E7FBEE · #EEA8B1 · #AE8B65 · #4D7392 · #53424E

Ballet Pink and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Ballet Pink (#EEA8B1): A luminous, balanced red — the color of a theater curtain.
• Caramel (#AE8B65): A luminous, dusty gold — the color of honey in a jar.
• Slate (#4D7392): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#53424E): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Stone Market color palette (#E9FBEA, #E3B389, #8C9965, #696A92, #3C4D3F)
• Taupe Garden color palette (#FDF4E3, #FFCED5, #CA965F, #4B769F, #453D3A)
• Lagoon Workshop color palette (#FDF1FA, #DCA094, #599B85, #387284, #403D61)
• Worn Ash Meadow color palette (#FDF0FF, #E1CDD7, #92B3A2, #758095, #4A5265)
• Amber Quarry color palette (#FCEDF5, #D18662, #4C5D4F, #41343B, #242024)
• Cocoa Atelier color palette (#FEF3E5, #C99C85, #946F42, #3C6537, #6A3A00)
• Worn Coral Dune color palette (#DEFFE5, #FF7A5A, #967A00, #2E59A0, #522904)
• Weathered Taupe Harbor color palette (#FEF1FA, #E7D5D3, #CAC795, #B9AD61, #593D4B)

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