Tempered Stone color palette — #FFF0F9 · #FFE6BC · #B5CF84 · #B16F7B · #4F3842

A conversation between Pistachio and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Peach Cream (#FFE6BC): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B5CF84): A luminous, balanced green — the color of fresh herbs.
• Mocha (#B16F7B): A luminous, balanced red — the color of embers at dusk.
• Charcoal (#4F3842): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Mustard Harbor color palette (#FBF1FF, #EFDAC6, #EBB866, #9D72A8, #4E3E50)
• Mint Grove color palette (#E8FCE6, #C5EAC5, #80DBA0, #B37565, #2A4437)
• Worn Market color palette (#FFF3E8, #FFDCA9, #BFA960, #92674F, #603900)
• Muted Blush color palette (#FFF2EC, #E0ECB6, #A0DDD0, #CE89A7, #583800)
• Timeworn Pier color palette (#FFF5D8, #C1E686, #00E0A0, #C05F00, #423E00)
• Dusty Meadow color palette (#F9DFEF, #D1A47B, #B46A4D, #85454A, #1C3723)
• Ancient Taupe Alley color palette (#EBF9F1, #C1DDF3, #B4AFB9, #BD93A4, #3F554D)
• Dusty Clover Garden color palette (#FDD1E7, #DBBA58, #7FB854, #A54848, #312000)

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