Tempered Stone color palette — #EEF1FD · #9AC086 · #514D84 · #252147 · #080C18

Mint Leaf and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF1FD): bright and airy, almost weightless.
• Mint Leaf (#9AC086): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#514D84): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#252147): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#080C18): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Pewter Market color palette (#F1F0FB, #9DCFC2, #72557A, #312C4A, #14131B)
• Denim Chapel color palette (#ECF3FA, #DBA680, #115695, #0A2846, #050D17)
• Hushed Mint Cabin color palette (#FEF1F9, #A0D597, #6A6AA6, #56374B, #2A1D25)
• Worn Pier color palette (#F4F4FF, #E6978A, #5C4573, #2B2A48, #201824)
• Soft Field color palette (#F5EEFF, #A1B243, #821168, #3E0030, #0A0412)
• Worn Rust Dune color palette (#EFF1FB, #B7A8E7, #BD4C25, #6A53A3, #160912)
• Faded Aubergine color palette (#DDDEF5, #65AB11, #590087, #220038, #02010E)
• Hushed Delta color palette (#F2F1F7, #E0D4DB, #D1B6BD, #8B668D, #2C2B33)

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