Tempered Stone color palette — #FFF3E3 · #FFDCA8 · #DAB681 · #9C8058 · #3B3731

Built around Sand, softened by Peach Cream — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Peach Cream (#FFDCA8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#DAB681): A luminous, balanced gold — the color of old brass.
• Mocha (#9C8058): A luminous, dusty gold — the color of afternoon light on wheat.
• Charcoal (#3B3731): quiet, heavy and certain.

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

• Dusty Celadon color palette (#FAF7D5, #D2EDA8, #B0C787, #808F60, #383730)
• Weathered Cocoa Alley color palette (#FFF3E7, #F6D3A9, #CDB094, #A48D7C, #614000)
• Muted Pier color palette (#FFF3E4, #FED598, #C19660, #81693E, #3A3630)
• Dusty Harbor color palette (#F8F6E2, #B5CF77, #75C6CC, #B89079, #3E3D36)
• Cocoa Cabin color palette (#FFEFDB, #E7C9A1, #AC814B, #6A4500, #281A00)
• Wandering Sunflower color palette (#FFF8BC, #EBD500, #BEAA00, #847600, #312A00)
• Amber Parlor color palette (#FAEFD6, #AB8300, #7F5F00, #483600, #030200)
• Dusty Mustard Atelier color palette (#E9EDA2, #C2C600, #9D9C00, #676A00, #161700)

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