Taupe Pier color palette — #FFF1F3 · #E3D9D1 · #B3AFA5 · #C393A2 · #523C3C
Dusty Rose takes the lead with Cocoa close behind in a set that reads as sophistication and softness at first glance.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Bone (#E3D9D1): a clean, paper-quiet neutral.
- Ash (#B3AFA5): a calm mid-gray that lets other colors speak.
- Dusty Rose (#C393A2): A luminous, dusty rose — the color of pressed rose petals.
- Cocoa (#523C3C): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.
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
- Washed Station color palette (#FFF2F0, #E1DACF, #B7CCDA, #D38093, #583222)
- Bronze Harbor color palette (#FFF2EA, #FFD3B0, #C49079, #98573B, #35312B)
- Hushed Pewter color palette (#F7F3FF, #ECD2E2, #EEAAB4, #8E648F, #544662)
- Blush Orchard color palette (#FFF2EE, #FF8A93, #52B38F, #3C7B94, #331F19)
- Misty Amber Courtyard color palette (#FFD3C6, #FF9B75, #C48700, #76304F, #040000)
- Apricot Hollow color palette (#FFF0F0, #FFBCC8, #EE8B69, #7B4688, #140006)
- Coral Boulevard color palette (#FFF2ED, #EE7C6D, #2C9E79, #2E6084, #230D11)
- Timeworn Celadon Parlor color palette (#E7F9FF, #EFFC00, #FFCDDA, #473330, #201411)
Browse the whole catalog at Explore, or see today's palette.