Taupe Field color palette — #FFF1F5 · #E4D7D3 · #AAB4AC · #BF9889 · #53393E

Taupe takes the lead with Cocoa close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#E4D7D3): bright and airy, almost weightless.
• Ash (#AAB4AC): a calm mid-gray that lets other colors speak.
• Taupe (#BF9889): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#53393E): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Ash Corridor color palette (#FFF1F6, #E4D8D3, #9BBFCF, #B09ED2, #5E4148)
• Antique Cocoa Field color palette (#FFF2ED, #CCF1C7, #E0D8CE, #C38797, #592600)
• Tempered Bronze Quarry color palette (#FFF4E1, #E6DFAD, #B59A61, #8E6025, #33322B)
• Worn Cobalt Field color palette (#EFF1FF, #E5D1E1, #F3B0B2, #5E78AC, #322D43)
• Tempered Bloom color palette (#FBE4E3, #FF949A, #C76842, #56295D, #040001)
• Softworn Blush Canyon color palette (#FFF1F1, #F985C6, #87AB68, #1C8284, #321F1F)
• Washed Sand color palette (#FFF2EF, #E1D8CF, #F7C18F, #A06685, #3B1B0B)
• Driftwood Orchard color palette (#FDF2F1, #FAD2CE, #C09650, #BB6E8E, #1B1002)

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