Weathered Harbor color palette — #FCDED3 · #BC8F5B · #6C681E · #004656 · #001F42

Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FCDED3): A whisper-light, dusty orange — the color of autumn markets.
• Caramel (#BC8F5B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6C681E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004656): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001F42): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Hushed Terrace color palette (#FEECD9, #9E9742, #437436, #004075, #23144A)
• Chestnut Lantern color palette (#F8D3E1, #C68383, #945612, #004E40, #00272C)
• Wandering Olive color palette (#FFE2EE, #D98963, #7C7500, #404276, #422156)
• Misty Thicket color palette (#CEECCE, #AEA874, #628457, #345985, #2E255B)
• Tempered Amber Orchard color palette (#FBEADE, #BA7000, #805D00, #473C00, #1B1A00)
• Pale Dune color palette (#D6E6DA, #A58100, #4255FF, #5F4900, #08004F)
• Linen Moss color palette (#F9E0D8, #D2A979, #958C00, #00677E, #124175)
• Antique Corridor color palette (#FFECF5, #BCD0BF, #7BA093, #516777, #364357)

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