Taupe Pier color palette — #F0F7F3 · #D1DDDD · #BFC4CF · #B7AD72 · #414A45

A conversation between Sage and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D1DDDD): bright and airy, almost weightless.
• Stone (#BFC4CF): a calm mid-gray that lets other colors speak.
• Sage (#B7AD72): A luminous, dusty green — the color of fresh herbs.
• Charcoal (#414A45): quiet, heavy and certain.

Feels like: Nature, Growth, 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 Teal Alley color palette (#EDF7F9, #CFDCE7, #B1C6DE, #59B29E, #2E3E40)
• Tempered Boulevard color palette (#D6FFF9, #B1DAD9, #87C0B3, #7596B2, #445468)
• Dusty Lime Field color palette (#D4EBE3, #96B94C, #4C7A72, #394F49, #111B17)
• Washed Moss color palette (#E9FAF4, #BEE2E9, #B4DEB3, #89A630, #243832)
• Washed Bronze color palette (#EDF4EE, #CDDBDD, #ADC1CB, #89723A, #272E28)
• Wandering Jade Garden color palette (#E3FCEF, #C5CF81, #7EB764, #35909D, #23453B)
• Hazy Teal color palette (#EAF9F7, #96D092, #00B6B8, #4481BC, #3D390F)
• Aged Lagoon color palette (#E0E8EA, #B6C1CE, #97AAC4, #00948A, #092328)

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