Worn Harbor color palette — #FFF1F3 · #FAD1CF · #F5928F · #B17553 · #4B4540
A conversation between Melon and Caramel, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Shell Pink (#FAD1CF): A whisper-light, dusty orange — the color of autumn markets.
- Melon (#F5928F): A luminous, balanced orange — the color of toasted spice.
- Caramel (#B17553): A luminous, balanced gold — the color of honey in a jar.
- Charcoal (#4B4540): quiet, heavy and certain.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
Use it as a design system
One click turns Worn 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
- Weathered Blush color palette (#FFF1F7, #FCD1DE, #E78EC2, #A76971, #58514D)
- Blush Dune color palette (#F9E5E8, #FF8C89, #AA5A00, #613F00, #242200)
- Wandering Glacier color palette (#FFF2ED, #F1D5C3, #66E0F3, #CD837D, #354D3C)
- Patina Marigold color palette (#FFF2ED, #E5D8C6, #E8A456, #8C743B, #4F4E47)
- Amber Lantern color palette (#FFF1F2, #FFAB8A, #CB7D00, #695300, #2C2B00)
- Amber Study color palette (#FDE4E0, #DB6A00, #8B6000, #433C00, #0E1300)
- Aged Cocoa Alley color palette (#FFEADA, #D8D3DD, #A09590, #6A3B00, #2D261F)
- Bronze Workshop color palette (#EBDCD5, #AC6E00, #594D00, #252E00, #000200)
Browse the whole catalog at Explore, or see today's palette.