Weathered Harbor color palette — #FFF0F8 · #F9CFE2 · #CD8C6C · #8C5E50 · #3E2C33

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#F9CFE2): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#CD8C6C): A luminous, balanced orange — the color of toasted spice.
• Walnut (#8C5E50): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#3E2C33): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, 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 Summit color palette (#FFF1F6, #C6E7C5, #C6915D, #8C5F40, #233727)
• Muted Delta color palette (#F8DDE6, #BF9050, #895000, #4E2500, #000601)
• Patina Cocoa color palette (#FFEEE3, #C3A58A, #946A56, #75391B, #2D200F)
• Tempered Courtyard color palette (#FFF0F7, #EABE97, #C07540, #7D4931, #162614)
• Taupe Drift color palette (#FFF0F9, #EFC9A3, #DA9B80, #9C7C9B, #2E4334)
• Blush Quarry color palette (#E8FBEF, #C7B259, #D17FB0, #A9555B, #142A1E)
• Worn Parlor color palette (#E3FCEE, #D2D592, #A39400, #745D00, #252C01)
• Bronze Thicket color palette (#D5F8E0, #807328, #4A3A00, #1B1000, #010100)

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