Tempered Stone color palette — #FFF3E6 · #E5BA84 · #95C4A2 · #C284A1 · #413C36

Sand takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#E5BA84): A luminous, balanced gold — the color of honey in a jar.
• Mint Leaf (#95C4A2): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#C284A1): A luminous, balanced rose — the color of pressed rose petals.
• Charcoal (#413C36): a grounded near-black with real depth.

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

• Muted Coral Garden color palette (#FEF4E2, #CEB870, #D297C3, #D06D79, #36322C)
• Hushed Iris color palette (#F1F8E9, #8FD4B4, #89BCE9, #8B95D0, #3B3E38)
• Weathered Study color palette (#F7F5EF, #D7DBD5, #B6BA88, #ABB7BE, #565347)
• Timeworn Iris Alley color palette (#FFF2F0, #EEADC5, #8EBDDE, #8995D2, #4F3633)
• Muted Workshop color palette (#FAF5E5, #B2AE70, #58A9B9, #7970B2, #3F3D36)
• Apricot Station color palette (#FDF1F9, #FFAB90, #8FAEEC, #9F728F, #3A2D35)
• Faded Emerald Pier color palette (#FCF7D0, #DEDDB1, #98C595, #45A468, #005337)
• Weathered Hollow color palette (#FFEADD, #EC926A, #A092E5, #A467B4, #38200E)

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