Worn Harbor color palette — #FFF1F2 · #DE8FCD · #6A4C44 · #342728 · #130E10
A conversation between Bubblegum and Coffee, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Bubblegum (#DE8FCD): A luminous, balanced pink — the color of a candy shop window.
- Coffee (#6A4C44): A full-bodied, dusty orange — the color of sun-warmed clay.
- Onyx (#342728): a grounded near-black with real depth.
- Ink (#130E10): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.
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
- Hushed Boulevard color palette (#FEF2EE, #E9948F, #78470D, #342823, #130E0D)
- Ancient Mallow color palette (#F4EFFD, #F48ED8, #817788, #57525E, #222126)
- Washed Terrace color palette (#EFEBF7, #A46E98, #433742, #201C26, #0B0C13)
- Rose Balcony color palette (#FFF2ED, #D85B63, #4F2B0F, #1C0904, #030000)
- Dusty Pier color palette (#FFF2EF, #FFB4C1, #51D3BF, #67ADC8, #48322E)
- Weathered Courtyard color palette (#FBEADD, #5C6169, #7A3800, #1B1C12, #080500)
- Garnet Delta color palette (#FFE1E0, #6D004B, #23271D, #150803, #040000)
- Twilit Lantern color palette (#FAE3D9, #B40E00, #2A322C, #1E0E00, #030000)
Browse the whole catalog at Explore, or see today's palette.