Taupe Harbor color palette — #ECF9EE · #C2A177 · #777B50 · #3D5D78 · #3A4D3F

Camel and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Camel (#C2A177): A luminous, dusty gold — the color of old brass.
• Walnut (#777B50): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#3D5D78): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#3A4D3F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Taupe Harbor 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

• Dusty Taupe Market color palette (#EAFAED, #D7938D, #916F4F, #136666, #55414D)
• Washed Taupe Loft color palette (#EFF8F0, #B49258, #467D67, #2F567F, #57354E)
• Washed Bloom color palette (#EBF9F4, #A4CAC3, #628C71, #785D6B, #3B534E)
• Antique Denim Lantern color palette (#FEECF3, #D49C8B, #787D45, #544781, #3C242D)
• Hushed Quarry color palette (#FFF3E8, #E6AF9F, #929858, #7164A0, #4C4741)
• Aged Jade Alley color palette (#E9FBEC, #74A766, #1D7A6B, #5C3F72, #174544)
• Muted Stone color palette (#FEF4E3, #F1C996, #AEB473, #6591B4, #4B4741)
• Hushed Pier color palette (#F1F7F2, #DADDED, #829AC2, #35798C, #485269)

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