Weathered Harbor color palette — #F7D7E6 · #A36524 · #6B3400 · #461800 · #061C05

Ochre takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7D7E6): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#A36524): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6B3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#461800): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#061C05): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

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 Boulevard color palette (#D0E8D6, #867532, #584200, #372300, #191700)
• Amber Meadow color palette (#FFE8F1, #B07B37, #7D4600, #582700, #142A17)
• Soft Terracotta Parlor color palette (#F0D7E3, #C09850, #B4652F, #933740, #181700)
• Frosted Market color palette (#FFE7F3, #CD8C56, #A44D00, #7B2D09, #4C2936)
• Ancient Bronze color palette (#FFF1F5, #93B092, #976732, #6F4729, #314234)
• Fern Archive color palette (#DDF1E8, #546104, #2E2E00, #141100, #000503)
• Aubergine Workshop color palette (#EDEBFC, #7C1494, #742400, #392300, #0E0723)
• Tempered Pine color palette (#E0EFFA, #3B8F4A, #002B3D, #1D1924, #000B13)

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