Taupe Pier color palette — #FCF3F1 · #E2D9D0 · #B1B3A5 · #A69873 · #4F4543

Built around Taupe, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Bone (#E2D9D0): a clean, paper-quiet neutral.
• Ash (#B1B3A5): a calm mid-gray that lets other colors speak.
• Taupe (#A69873): A luminous, dusty gold — the color of old brass.
• Cocoa (#4F4543): 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 Pier 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

• Taupe Summit color palette (#FBF3ED, #DFDEC7, #ACC7AE, #D0956E, #603300)
• Weathered Shell color palette (#FFF4E2, #FFACBD, #D39375, #4F9080, #433B38)
• Worn Parlor color palette (#F8F6E4, #BDE1B6, #7BBD98, #A88687, #434600)
• Softworn Chestnut color palette (#F3E9E3, #A9A387, #8A8B75, #944C2D, #120601)
• Timeworn Canyon color palette (#F4F0F6, #DED4D7, #CAB7BB, #A45B70, #302A32)
• Wandering Bronze color palette (#F3EBDF, #BCC2B1, #9BB091, #9F7A07, #251E11)
• Coral Terrace color palette (#F3E0D8, #FF7D71, #986132, #733619, #1F1614)
• Taupe Balcony color palette (#FCF3F0, #E1DACF, #B0B6A5, #A39D74, #4E4543)

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