Tempered Basin color palette — #FDF3E9 · #C7B59D · #A4763C · #7C5330 · #5F4200

Mocha takes the lead with Bronze close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Stone (#C7B59D): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A4763C): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7C5330): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered 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

• Timeworn Balcony color palette (#FBEDD1, #A59F6B, #7E6700, #5F4400, #383800)
• Ancient Chestnut color palette (#FBE3D3, #AE9078, #934E2E, #6D2E1E, #352F2A)
• Dusty Stone color palette (#EFF8EE, #C4E3C7, #CFB08A, #A68894, #3C4D40)
• Antique Chestnut Quarry color palette (#F2E1CC, #7F6318, #4C3300, #2B1700, #0F0B00)
• Dusty Cocoa color palette (#F5F6EE, #66915F, #975554, #7B4100, #33312A)
• Tempered Cypress color palette (#F3F7F0, #C7C19C, #326A5C, #2D3F20, #1D2924)
• Washed Harbor color palette (#FCF2F9, #7D8DC3, #A56A84, #8F4643, #473843)
• Washed Canyon color palette (#F0F7F2, #92CBD6, #5381B1, #007B8A, #352937)

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