Tempered Basin color palette — #FFF1F2 · #E5B3A0 · #795255 · #4F2E31 · #2E211C

Sand and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Sand (#E5B3A0): A luminous, dusty orange — the color of toasted spice.
• Coffee (#795255): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#4F2E31): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#2E211C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Cocoa Studio color palette (#FFF2EB, #CDA680, #7B3D2D, #492116, #241B0B)
• Wandering Pewter color palette (#F9EFF1, #C7C69F, #70557C, #45262F, #1C1013)
• Dusty Plum Coast color palette (#FDF2F2, #E7ADC7, #AC685C, #995276, #332C29)
• Patina Dune color palette (#F6F4FB, #F8D0E9, #BA8EB1, #716882, #2D2A33)
• Aged Study color palette (#F5F4FC, #AFDCD1, #7C789D, #4C4868, #2B2A36)
• Dusty Cocoa Lantern color palette (#FFF1F2, #DFA9A6, #AB6F62, #7E4730, #693300)
• Patina Amber Canyon color palette (#FDDEC4, #C48300, #5B2C00, #2D1200, #0D0800)
• Lowlit Bronze color palette (#FBE8DB, #955F00, #341100, #09110A, #0C0200)

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