Taupe Harbor color palette — #F5E4D9 · #DEB99D · #CE8B6D · #A96554 · #352F2A

Camel and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F5E4D9): A whisper-light, dusty gold — the color of old brass.
• Sand (#DEB99D): A luminous, dusty gold — the color of honey in a jar.
• Camel (#CE8B6D): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A96554): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#352F2A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Cabin color palette (#F3E7CF, #CAC391, #B09C5E, #957430, #32302A)
• Ancient Amber Dune color palette (#FFF0F9, #EBBD93, #BC7559, #7E4549, #0D2815)
• Frosted Bronze color palette (#FCECDD, #CEAA80, #C37C34, #A45005, #322000)
• Muted Amber color palette (#F3D7E6, #CA8658, #915131, #5A3126, #270F19)
• Fern Loft color palette (#FAF5E9, #E2D9BE, #C6B48B, #A3905F, #544700)
• Bronze Dune color palette (#E9DCCB, #A88C4A, #916400, #6C4100, #0F0B00)
• Ember Studio color palette (#FFF2EB, #FFB797, #CC9900, #EE6717, #231500)
• Dusty Garnet color palette (#FCE3D4, #AC7050, #9D3D13, #7A0900, #080200)

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