Weathered Harbor color palette — #FFF3E3 · #FF8F9A · #B09100 · #007E61 · #263000

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ballet Pink (#FF8F9A): A luminous, balanced red — the color of embers at dusk.
• Mustard (#B09100): A luminous, balanced green — the color of fresh herbs.
• Teal (#007E61): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#263000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Apricot Delta color palette (#F9F9C9, #FF9656, #A19F00, #008181, #0E3100)
• Olive Lantern color palette (#FFF3E6, #FF9BBE, #CB7B00, #568200, #3B2700)
• Chalky Loft color palette (#D8FCE8, #FFA95C, #B69700, #0D8D20, #121200)
• Washed Lime color palette (#FBF6DB, #FFB679, #97B900, #0098A4, #084416)
• Powdered Moss Coast color palette (#F5F8DC, #EB9D01, #52B500, #00839A, #002D22)
• Misty Fern Bloom color palette (#F2E6CC, #A09300, #2D6F00, #005024, #00372E)
• Wandering Moss color palette (#FFF4DE, #FFC08B, #D5AF00, #4EA900, #2B3100)
• Quiet Villa color palette (#FFE8E6, #BA9169, #4F7728, #82264F, #631E3B)

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