Taupe Harbor color palette — #FFF2EB · #EAC9B1 · #DA9B83 · #AF786C · #5A3200

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EAC9B1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#DA9B83): A luminous, balanced orange — the color of autumn markets.
• Caramel (#AF786C): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

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

• Softworn Taupe color palette (#FBF4E9, #DFCFAA, #C1AA6D, #9F8353, #3F3D36)
• Muted Taupe Meadow color palette (#FFF0F9, #FCCEE0, #D08A72, #8B5C60, #253728)
• Linen Bronze Grove color palette (#FFECDE, #BA8251, #A95200, #812E00, #140800)
• Ancient Bronze Loft color palette (#FFEBF7, #D39E7F, #9E644D, #613F59, #2F1C24)
• Dusty Tangerine color palette (#FCF3EE, #FCC8B6, #D8A359, #F6764A, #30200B)
• Worn Archive color palette (#FCD6B4, #E5AC60, #D37D00, #AC5600, #372500)
• Aged Harbor color palette (#EEE6D8, #90804A, #795A00, #563800, #040300)
• Timeworn Sunflower color palette (#E6F5E3, #F7C949, #FFAFA8, #655D59, #312724)

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