Weathered Harbor color palette — #FFECC5 · #C57300 · #5E5600 · #002F44 · #070300

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

The five colors

• Custard (#FFECC5): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C57300): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5E5600): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002F44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#070300): A deep, shadowed, dusty gold — the color of old brass.

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

• Ember Ridge color palette (#D2FADA, #E74E38, #754A00, #003235, #0B0200)
• Patina Lagoon color palette (#FFEDF2, #A86A00, #005D2F, #00283C, #040006)
• Muted Navy Hollow color palette (#D9F7DF, #A38800, #316300, #061D71, #040400)
• Dusty Meadow color palette (#E8DECE, #885C00, #473C00, #002C20, #1F1400)
• Powdered Navy color palette (#F3E6D5, #9F4700, #403E00, #130062, #0A0400)
• Charred Canyon color palette (#D4E7D7, #5E6B00, #003C23, #0E002F, #000200)
• Muted Ember color palette (#EEE3CF, #F95F1F, #747E00, #364CA2, #231200)
• Frosted Olive Veranda color palette (#F6DCC0, #A7A16B, #558236, #10406D, #18113C)

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