Weathered Harbor color palette — #F9F0EC · #D88683 · #786300 · #A00823 · #0A0500

Built around Garnet, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Watermelon (#D88683): A luminous, balanced orange — the color of autumn markets.
• Olive (#786300): A full-bodied, balanced green — the color of a quiet forest floor.
• Garnet (#A00823): A full-bodied, vivid orange — the color of toasted spice.
• Ink (#0A0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Washed Harbor color palette (#F9F0E9, #C79371, #5E6D00, #834000, #080600)
• Faded Mulberry color palette (#FAEFEE, #C78BA7, #974E00, #970563, #0E0400)
• Mulberry Courtyard color palette (#F8F3FC, #D17A9C, #376E00, #8E0F53, #001E19)
• Powdered Rust color palette (#FCF1FB, #F09996, #9F7B00, #BC4145, #081D0F)
• Antique Chestnut Ridge color palette (#FFE3DB, #C78659, #8A5700, #453700, #191A00)
• Amber Station color palette (#F4E7D4, #C07447, #705800, #00404F, #261300)
• Worn Chestnut color palette (#F8F0EB, #D8D6CB, #C1B5A5, #944F31, #2A1D15)
• Quiet Garden color palette (#F0E3DD, #BB5440, #434800, #670F00, #010100)

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