Tempered Basin color palette — #FBF3EE · #DDDACC · #C2C0B1 · #D18D69 · #433831

A conversation between Camel and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DDDACC): bright and airy, almost weightless.
• Stone (#C2C0B1): A luminous, dusty green — the color of a quiet forest floor.
• Camel (#D18D69): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#433831): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Washed Cocoa color palette (#FAF4EE, #DADAD2, #ABB5AB, #CBA376, #653E00)
• Timeworn Atelier color palette (#FBF3EF, #DBDACF, #BCC2AD, #AD6E56, #5D2A00)
• Amber Meadow color palette (#F9F3F7, #CCDADB, #A2A2B0, #C96D47, #392933)
• Bronze Corridor color palette (#FBF5E5, #CACF9D, #97A96E, #AA7742, #37352F)
• Washed Abyss color palette (#F1E2C6, #CFC39D, #AAA881, #778D76, #294D34)
• Patina Amber color palette (#FCECD3, #E8AD6E, #B2933E, #3F8463, #342F2A)
• Timeworn Amber Pier color palette (#F3E4D3, #CF8B00, #7D5B12, #543500, #130C05)
• Patina Chestnut Terrace color palette (#F8EFF3, #E4D1D0, #ACBDAA, #935029, #261E22)

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