Worn Harbor color palette — #FFF1F1 · #E2DAD0 · #E5C39F · #9A6F7E · #5C4742
A conversation between Sand and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E2DAD0): a clean, paper-quiet neutral.
- Sand (#E5C39F): A whisper-light, dusty gold — the color of old brass.
- Mocha (#9A6F7E): A full-bodied, dusty rose — the color of a warm blush.
- Cocoa (#5C4742): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Lime Archive color palette (#FFF2EA, #E1E3BB, #AFCB62, #A65C6B, #624123)
- Tempered Stone Ridge color palette (#FFF1F7, #F4D2D9, #F3ADAB, #6F83AA, #614C52)
- Softworn Coast color palette (#FFEDED, #E5D6C0, #C0C299, #776F97, #3F2723)
- Cocoa Boulevard color palette (#FFF3E9, #C3A172, #93674B, #7C3E22, #403D36)
- Feathered Amber color palette (#FFF1F2, #FFC5B1, #BA971A, #863E75, #572C23)
- Worn Meadow color palette (#FFEDDE, #F3C662, #81A461, #834848, #3A352F)
- Mustard Loft color palette (#FFF2ED, #BEB05C, #753F40, #41261D, #22180D)
- Olive Bloom color palette (#FEF2ED, #EF9281, #4B7E35, #934538, #252612)
Browse the whole catalog at Explore, or see today's palette.