Weathered Harbor color palette — #F7ECE8 · #E2D5CD · #C6B49F · #BC4053 · #3A2924

Brick takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F7ECE8): a clean, paper-quiet neutral.
• Bone (#E2D5CD): bright and airy, almost weightless.
• Stone (#C6B49F): A luminous, dusty gold — the color of afternoon light on wheat.
• Brick (#BC4053): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#3A2924): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Bronze color palette (#F5EDE5, #DDD7CB, #BCB89F, #A35E00, #382B1F)
• Timeworn Pewter color palette (#F9F3F9, #E9D7D9, #B5D1C8, #A26167, #251926)
• Worn Byzantium Loft color palette (#F5ECED, #E5D2D0, #CEB0A4, #A345A5, #3A282B)
• Antique Terracotta color palette (#F2ECF1, #D8C6D3, #B695A8, #8C3334, #352A33)
• Timeworn Workshop color palette (#FAF4F0, #DBDBD3, #BDC2B5, #C47A52, #4F463F)
• Hushed Rust color palette (#F8E4D7, #B94A00, #442F01, #270F00, #0B0201)
• Hushed Bronze color palette (#EBDCC2, #CD718E, #9C5400, #004A7D, #430F11)
• Ancient Mulberry Boulevard color palette (#E6E6D0, #79B495, #00837B, #7A3B6A, #00321F)

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