Taupe Pier color palette — #F0F7F1 · #D1DDDC · #A5B5BC · #88A48D · #4F5450

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D1DDDC): a clean, paper-quiet neutral.
• Ash (#A5B5BC): A luminous, dusty blue — the color of deep harbor water.
• Taupe (#88A48D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4F5450): 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

• Aged Courtyard color palette (#D6E4DB, #96AAA0, #679082, #004E5C, #020C05)
• Glacier Meadow color palette (#EBF9F0, #C5E7FB, #81E3FF, #86B5D6, #374E43)
• Hushed Ash color palette (#FAF2F8, #E9D7D9, #D3BCBB, #818EB5, #4C454A)
• Dusty Petal color palette (#E2FCF3, #E7CBE6, #B89AB0, #987F81, #624A47)
• Softworn Alley color palette (#F7F6EA, #D3D5AB, #81A784, #6E8847, #505100)
• Tempered Aqua Workshop color palette (#F3F8E2, #61CFE9, #5F9ABE, #79658B, #394D43)
• Timeworn Navy Boulevard color palette (#F5E7EF, #C4ADB8, #AE8997, #484891, #1E0D18)
• Timeworn Canyon color palette (#E6F1ED, #C8DDD7, #C4B0C4, #2C7AA3, #1F322C)

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