Tempered Taupe color palette — #FAF4EF · #DCDAD2 · #9DB4B3 · #C08E76 · #58514C

Caramel and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Bone (#DCDAD2): a clean, paper-quiet neutral.
• Ash (#9DB4B3): A luminous, dusty teal — the color of glacier melt.
• Caramel (#C08E76): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#58514C): 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 Taupe 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 Grove color palette (#F7F5EF, #D7DDD4, #B9C9B5, #8E9464, #4A483F)
• Cocoa Summit color palette (#EAE4E0, #B1A291, #988365, #693600, #0F0702)
• Fern Pier color palette (#ECEBE0, #B5B6A4, #939977, #465C00, #161405)
• Aged Amber color palette (#FCF4E6, #E2B485, #AA8F44, #3E7D5F, #4C4741)
• Softworn Amber Market color palette (#F9F0E6, #C19151, #745101, #3C3731, #25211D)
• Wandering Dune color palette (#F2EEE8, #E0D6C5, #C3B796, #92690B, #362C1D)
• Olive Alley color palette (#F6F6E9, #DDE1CB, #B7C49D, #4A8B14, #33332C)
• Muted Taupe color palette (#FBF3F2, #DFD9D2, #A1B5AB, #B9908A, #59504F)

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