Taupe Pier color palette — #EFF8EF · #C7E1CC · #A2BFA2 · #AE8A68 · #394D40

Caramel and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8EF): a clean, paper-quiet neutral.
• Celadon Mist (#C7E1CC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A2BFA2): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#AE8A68): A luminous, dusty gold — the color of honey in a jar.
• Charcoal (#394D40): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Taupe color palette (#EEF9ED, #B7D3C0, #86A584, #8E677D, #344E45)
• Worn Bronze Delta color palette (#FCF4EA, #DBE1C3, #C7A882, #A56A3F, #4A3F00)
• Dusty Ash Quarry color palette (#FFF1F7, #F2CEDA, #D0A9BA, #AC859A, #3D4C3D)
• Washed Courtyard color palette (#FAF0E4, #CFB793, #A5793C, #7A4C0D, #332B1B)
• Weathered Bronze color palette (#D6F5E6, #AFB789, #949346, #7C6B00, #1D2901)
• Amber Bloom color palette (#FFEFFF, #FFD2CB, #E7A593, #D17849, #683700)
• Patina Bronze Atelier color palette (#F4E2EB, #E3B798, #D18A64, #B06147, #452532)
• Lagoon Studio color palette (#F2F5FD, #B6BBF1, #78B291, #359FA2, #273440)

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