Weathered Harbor color palette — #FEF1F6 · #C0741B · #007838 · #004D73 · #3B3153

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

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Mustard (#C0741B): A luminous, balanced gold — the color of old brass.
• Olive (#007838): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#004D73): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3B3153): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Chalky Ember Study color palette (#FDF1FA, #C76A5A, #636900, #005355, #323457)
• Ancient Cypress color palette (#ECF9F1, #AA984D, #008371, #395382, #4A3B58)
• Aged Amber Coast color palette (#FDECF7, #D06D4F, #00727F, #313D6A, #131B3D)
• Pale Coral Lantern color palette (#FFF2EC, #E8866D, #0A919A, #4F5A8B, #2D345B)
• Softworn Corridor color palette (#EEF8F2, #A9B68B, #558149, #784D45, #2E4940)
• Misty Aubergine Study color palette (#E5F6F3, #448A34, #005C7C, #5A1564, #471F00)
• Worn Aubergine Boulevard color palette (#E2FCF2, #778700, #00676C, #3C2099, #5A0D27)
• Patina Nightshade Alley color palette (#D1F2D7, #8B6800, #00594C, #1D0099, #49001D)

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