Taupe Pier color palette — #FCF4E5 · #B59D42 · #2BA58A · #007D8B · #36322C
A conversation between Mustard and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B59D42): A luminous, balanced green — the color of new leaves after rain.
- Turquoise (#2BA58A): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#36322C): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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 Lagoon color palette (#F8F5E9, #A3AC66, #3F936B, #006A74, #173A5D)
- Hushed Cobalt Study color palette (#F5F7E3, #7BAE75, #309DBE, #3F70AF, #33342D)
- Washed Periwinkle Corridor color palette (#FFF0FB, #859BE1, #59A175, #008078, #42293D)
- Bronze Bloom color palette (#FFF4E0, #D6A86C, #9B8529, #007556, #413C36)
- Sunlit Summit color palette (#FEF0FD, #FF8B8D, #A8A05C, #7966A1, #2D1F2C)
- Chalky Terrace color palette (#FFF1F3, #C485C2, #3F9DB2, #2F74A9, #48282E)
- Blush Station color palette (#FDF0FD, #FF979A, #4FBFCD, #4A9EA9, #3B2D3B)
- Tempered Pine color palette (#FFF2EF, #BB6075, #00865A, #2A528C, #412D29)
Browse the whole catalog at Explore, or see today's palette.