Tempered Stone color palette — #F4F6F0 · #D4DCD8 · #96C1A3 · #AAB0BF · #51544B

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D4DCD8): bright and airy, almost weightless.
• Mint Leaf (#96C1A3): A luminous, dusty teal — the color of shallow lagoons.
• Ash (#AAB0BF): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#51544B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Teal Boulevard color palette (#F1F7ED, #CCDFD9, #BDBEC8, #00BFA1, #3A4335)
• Cocoa Chapel color palette (#EFF9E6, #C6E0DA, #9BC9CA, #BB9594, #7B3C24)
• Dusty Delta color palette (#F5F6EC, #D8E3C2, #7BC7B1, #9B9D7D, #45550B)
• Driftwood Field color palette (#EBF4F4, #D0D7DC, #AAAEB9, #618C8B, #2D3938)
• Mint Thicket color palette (#EDF4EA, #5ECDBC, #68836F, #4F574C, #20221D)
• Ancient Turquoise Hollow color palette (#FDF4E5, #A7DFC1, #59C0C7, #A87AA2, #404C39)
• Worn Cypress Studio color palette (#E8ECE3, #92A69E, #65978E, #007554, #060B02)
• Petrol Studio color palette (#E3EBE7, #C0ADB4, #BD8F98, #007CA6, #071811)

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