Weathered Harbor color palette — #FFF2F0 · #D1CFFF · #FF86A3 · #A67B00 · #661417
A conversation between Rose and Ochre, giving this palette its sense of optimism and balance.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Lilac Frost (#D1CFFF): A whisper-light, dusty violet — the color of a velvet chair.
- Rose (#FF86A3): A luminous, balanced red — the color of late-summer berries.
- Ochre (#A67B00): A luminous, balanced gold — the color of old brass.
- Oxblood (#661417): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: 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
- Chalky Fuchsia color palette (#FFF1F1, #CFCEFF, #FF77D1, #BA5D00, #600727)
- Coral Workshop color palette (#FFF2EE, #DCB0F2, #F46E6C, #8F7C00, #4F2819)
- Pale Tangerine Pier color palette (#FFF2EF, #FFC6F5, #FFA0AA, #EF7200, #5D1E1F)
- Tempered Cabin color palette (#FCEBFF, #FFBDEB, #FF758E, #D15F00, #3A0E0C)
- Moss Drift color palette (#FFF2EC, #FEC2E8, #FFA876, #839700, #51370A)
- Pine Veranda color palette (#FFF3E7, #FF83A9, #D77F00, #09881F, #2D2700)
- Rose Atelier color palette (#FFECE7, #C194FF, #F84679, #816300, #480D00)
- Frosted Mustard color palette (#FCF1FF, #ECD1E9, #F5BAA3, #DEAA00, #561E18)
Browse the whole catalog at Explore, or see today's palette.