Weathered Harbor color palette — #FFF1F2 · #FFB6B8 · #FF6060 · #AB1E08 · #612613

A conversation between Watermelon and Burnt Sienna, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Rose Quartz (#FFB6B8): A whisper-light, balanced red — the color of a theater curtain.
• Watermelon (#FF6060): A luminous, vivid orange — the color of toasted spice.
• Burnt Sienna (#AB1E08): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#612613): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Warmth, Comfort, Energy, 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

• Powdered Delta color palette (#FFF2EF, #FFB69F, #EE5D04, #A34F00, #482400)
• Aged Courtyard color palette (#FFE5F1, #FF9FB0, #FF6B5F, #C5591C, #653700)
• Brick Alley color palette (#FFE6EC, #FC6B7F, #C51A1E, #7F2C00, #431B00)
• Aged Tangerine Grove color palette (#FFF2EC, #EAD8BE, #F66601, #883400, #2A0C00)
• Frosted Peony Bloom color palette (#FFF0F9, #FFABD8, #FE259C, #AC1D5E, #581728)
• Dusty Station color palette (#FFF0F9, #FFB296, #61CC00, #D44A00, #163800)
• Washed Field color palette (#FFF2E9, #FFB360, #CC8900, #7F5C00, #463500)
• Tempered Amber Harbor color palette (#FFF0F8, #D6DACD, #9DA7BD, #D1765E, #4C2A3B)

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