Taupe Canyon color palette — #FBF4EE · #DBDCD1 · #A8B5AE · #AF9680 · #58514A

A conversation between Taupe and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Bone (#DBDCD1): a clean, paper-quiet neutral.
• Ash (#A8B5AE): a calm mid-gray that lets other colors speak.
• Taupe (#AF9680): A luminous, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#58514A): a grounded near-black with real depth.

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

Use it as a design system

One click turns Taupe Canyon 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

• Tempered Thicket color palette (#EDE6DE, #ABA492, #8A8865, #603C00, #110700)
• Dusty Courtyard color palette (#FFF3E4, #E7D8C9, #F6D882, #85BC92, #4C4942)
• Weathered Fern color palette (#E7E5DD, #C3C7AD, #9CAA92, #5F6717, #221F14)
• Softworn Apricot Loft color palette (#FFF3E3, #F0AE74, #8D986A, #646C92, #604100)
• Pine Meadow color palette (#F4F7E9, #D2E5C8, #8FCAD1, #398B49, #32342D)
• Weathered Amber color palette (#F8F1E4, #BB9700, #605A06, #3C372E, #25211C)
• Tempered Taupe Bloom color palette (#FAF4ED, #D9DCD3, #A7B5B0, #AC987D, #57524B)
• Weathered Taupe Lagoon color palette (#FBF3EE, #DCDBD1, #AAB6AC, #B5937F, #59514C)

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