Tempered Stone Basin color palette — #FDF3EA · #DFB980 · #7B5431 · #532F00 · #27251B

Sand and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Sand (#DFB980): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7B5431): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#532F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#27251B): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Stone Basin 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 Mustard color palette (#F9F6E5, #C4AE54, #4E5721, #2F2E27, #171D10)
• Muted Pewter color palette (#FCF3EC, #EBDDB7, #BA967B, #8A634C, #322923)
• Timeworn Driftwood color palette (#FFF1F6, #B6DCBE, #9B7457, #5E4550, #33272D)
• Eclipse Chestnut color palette (#F1E6DA, #7C5700, #232F2F, #1F1000, #050200)
• Amber Terrace color palette (#FFF3E6, #C47F1A, #5F8B67, #7C5251, #573400)
• Muted Bronze Delta color palette (#EBE6D8, #937800, #292900, #111920, #0A0A00)
• Wandering Taupe color palette (#FDF5DE, #AAAD68, #65814F, #25646A, #534800)
• Wandering Bronze Alley color palette (#FBF4EB, #A77900, #3A6F50, #663E39, #502600)

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