Weathered Harbor color palette — #F9F2FF · #FFC3CF · #FC968F · #B67B5B · #644350

Built around Melon, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Shell Pink (#FFC3CF): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FC968F): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B67B5B): A luminous, balanced orange — the color of sun-warmed clay.
• Cocoa (#644350): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Softworn Bloom color palette (#FFF0F8, #FFD9C9, #F3A87A, #AF765D, #4D2F40)
• Washed Driftwood Drift color palette (#FFDFD9, #E5A0A5, #B57168, #7D4732, #3B3530)
• Tempered Coral color palette (#FFF2EE, #FBB3B1, #E37F75, #9E6255, #524B47)
• Powder Cabin color palette (#FEF0FC, #FFC4BF, #86D1FF, #DE908B, #345166)
• Ancient Mallow Quarry color palette (#EBECFF, #F3C7F9, #E396D2, #C17D93, #5B475C)
• Tangerine Villa color palette (#FFE6E8, #FFA99F, #FC7010, #AF6D00, #503B00)
• Mustard Hollow color palette (#FFF0FA, #FFCCA6, #E7AF5E, #A39252, #38564B)
• Weathered Apricot color palette (#FFE3E2, #FF835A, #D47500, #876000, #362C00)

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