Weathered Harbor color palette — #FFF0F7 · #FFC8D5 · #E78A86 · #A45D42 · #56340F

A conversation between Salmon and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#FFC8D5): A whisper-light, dusty red — the color of a theater curtain.
• Salmon (#E78A86): A luminous, balanced orange — the color of autumn markets.
• Ochre (#A45D42): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#56340F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Dusty Blush Veranda color palette (#FAF2FF, #FFCAF8, #D17AA2, #A7565E, #5C2F2B)
• Amber Quarry color palette (#FFF1F1, #FFCAB8, #D0894C, #8F6020, #473A01)
• Weathered Basin color palette (#F2E1FF, #EA8EA2, #C24A4A, #894025, #604023)
• Quiet Scarlet Quarry color palette (#FFD1D6, #DE888B, #C94648, #813326, #3E210E)
• Weathered Ember color palette (#FFF2EC, #FFC4B8, #68CBDE, #CB6959, #1C412A)
• Powdered Ember Lantern color palette (#FFEDF0, #FFA297, #D15F00, #764200, #2B1D00)
• Tempered Atelier color palette (#FFF2ED, #DFDDCD, #9AC4BF, #C091A4, #6E3904)
• Misty Marigold Balcony color palette (#FFD4BE, #ECA001, #947900, #4C4700, #152900)

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