Tempered Basin color palette — #FDF1F9 · #E6D7D5 · #A8796B · #553E4E · #23171F

Built around Mocha, softened by Charcoal — the whole palette hums with sophistication.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Bone (#E6D7D5): bright and airy, almost weightless.
• Mocha (#A8796B): A luminous, dusty orange — the color of autumn markets.
• Charcoal (#553E4E): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#23171F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged luxury, dark, 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

• Driftwood Villa color palette (#EFF8F0, #B4E3ED, #9C8156, #344E37, #161E17)
• Wandering Taupe color palette (#FBF2F9, #C0E9D3, #C68E89, #7E637A, #312830)
• Timeworn Stone color palette (#FFF0F7, #EEB593, #9BB98B, #5A8F78, #3D2C34)
• Antique Garnet Corridor color palette (#F9EFEC, #CAC598, #894E4A, #561C00, #1C110C)
• Antique Marigold color palette (#E2F4E5, #C79A2B, #4D3800, #161C22, #0C0700)
• Smoked Bronze Boulevard color palette (#F5DDE9, #A76B00, #14251F, #311000, #030100)
• Blush Orchard color palette (#FCF1FB, #E7969B, #769AC4, #6F6196, #251F2C)
• Timeworn Sand Balcony color palette (#E8FBEE, #F2DAA4, #A5A671, #427F74, #304538)

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