Tempered Basin color palette — #FEF1F7 · #DC9E7D · #49594D · #34262E · #120E12

Built around Camel, softened by Charcoal Brown — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Camel (#DC9E7D): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#49594D): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#34262E): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#120E12): quiet, heavy and certain.

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

• Hushed Bronze Lagoon color palette (#F9F0E9, #E5A782, #A17038, #7A4613, #26201C)
• Patina Thicket color palette (#E2FCF1, #9CA647, #2E4D4B, #10231C, #020703)
• Weathered Bronze color palette (#F6E9EF, #B46F44, #4C333C, #251B20, #100A0E)
• Timeworn Quarry color palette (#E9FBE7, #C78000, #403E0C, #061A05, #040003)
• Wandering Market color palette (#E7FBED, #E0CA89, #9FBAF5, #949DD9, #293E30)
• Lowlit Fern color palette (#D8F4E5, #6A6200, #121B20, #031800, #000201)
• Weathered Taupe color palette (#EDF8F1, #F6E5AE, #A0D1FF, #AF984B, #2B4965)
• Hushed Ash color palette (#EBF9F6, #CBD9F1, #8CB7C1, #8B8099, #334B4C)

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