Weathered Harbor color palette — #FFF2EF · #FF9F6E · #BA6E00 · #5B4200 · #1A1900

Ochre takes the lead with Melon close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FF9F6E): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#BA6E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#5B4200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#1A1900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Dusty Parlor color palette (#FFF2E9, #F2AA00, #988700, #414D00, #081A00)
• Gentle Grove color palette (#FFF1F5, #FFA5AD, #DC3E00, #793D00, #291700)
• Airy Corridor color palette (#FFF4DE, #FF814A, #926B00, #004F5C, #291100)
• Worn Tangerine color palette (#FFE8E4, #F46900, #8D5400, #4B3800, #2A2600)
• Softworn Amber color palette (#F6DDEA, #FF9891, #D07D00, #836F00, #1D2C00)
• Tempered Market color palette (#FFEADD, #A26800, #564000, #0F0E00, #010100)
• Misty Basin color palette (#FFF3E9, #FFD176, #A49600, #536500, #062C00)
• Tempered Tangerine Veranda color palette (#FFF0F8, #EE7000, #178115, #004562, #240025)

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