Worn Harbor color palette — #FFF2ED · #E1D7CF · #DEA388 · #976340 · #623800
A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Bone (#E1D7CF): a clean, paper-quiet neutral.
- Camel (#DEA388): A luminous, dusty orange — the color of toasted spice.
- Walnut (#976340): A full-bodied, balanced gold — the color of old brass.
- Bronze (#623800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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
- Patina Cocoa Dune color palette (#FEF3E7, #FFD0C5, #C0997D, #687953, #632E00)
- Muted Veranda color palette (#FFF0FD, #E9AD9E, #B66946, #875026, #693F0E)
- Quiet Bloom color palette (#FFEEE3, #EDA75E, #A87300, #564100, #161200)
- Garnet Harbor color palette (#FFF1F2, #F1D3D4, #D79DB2, #A46774, #67272F)
- Aged Apricot Meadow color palette (#FFF2EB, #E4997E, #7A4612, #332822, #140E0B)
- Patina Courtyard color palette (#FFF3E7, #DDDCCA, #CCC0A7, #87907A, #485443)
- Hushed Amber Garden color palette (#FFF2EC, #FFC8A0, #CF8000, #785200, #362800)
- Inked Rust color palette (#F3E0DA, #BF561D, #673200, #140800, #020100)
Browse the whole catalog at Explore, or see today's palette.