Weathered Harbor color palette — #FFF3E6 · #E3CF9C · #D89F64 · #AD7A68 · #3F3D36

A conversation between Camel and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#E3CF9C): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D89F64): A luminous, balanced gold — the color of honey in a jar.
• Caramel (#AD7A68): A luminous, dusty orange — the color of autumn markets.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered 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

• Weathered Driftwood Terrace color palette (#FFF1F5, #D5B990, #B08657, #856042, #2E4333)
• Wandering Amber Parlor color palette (#FFF2EB, #E1D79A, #D2795F, #82564A, #2C1E16)
• Amber Courtyard color palette (#FCE8D6, #D0AC62, #CC7602, #9A5643, #282500)
• Hushed Mint Field color palette (#FCF3ED, #FFC6B0, #53C981, #EA8156, #222616)
• Linen Moss color palette (#FFE9DB, #EEC87E, #B9AF46, #679539, #00472B)
• Chalky Teal color palette (#FDF3EB, #EEA76C, #00B1A6, #8279BF, #392A1E)
• Softworn Bronze color palette (#FFECF2, #92B698, #926D44, #694129, #12281C)
• Aged Apricot color palette (#FFF2EC, #FF9A83, #65B5F3, #748FC6, #38312E)

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