Worn Harbor color palette — #FFF2EB · #E65252 · #448231 · #285E16 · #291425
A conversation between Scarlet and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Scarlet (#E65252): A luminous, vivid orange — the color of sun-warmed clay.
- Olive Leaf (#448231): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#285E16): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#291425): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.
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 Harbor color palette (#FFF2EB, #ED471E, #00856D, #005E4C, #2A1622)
- Hushed Corridor color palette (#FFEDEC, #DF63A2, #008754, #13547F, #002E4B)
- Weathered Bronze Basin color palette (#FFF0F9, #C77656, #8A7400, #00515E, #0A0417)
- Quiet Bronze color palette (#FFECD5, #B07000, #00756D, #00504A, #23042E)
- Softworn Orchid color palette (#FFF1F3, #B75DC5, #1D7B43, #195B32, #132618)
- Wandering Brick Canyon color palette (#FFE6D7, #B51C00, #00572A, #003C1B, #080221)
- Timeworn Blush color palette (#FDD6FF, #FF87A7, #CA5C3E, #7C5200, #2D3200)
- Rust Basin color palette (#F0DBD0, #D74A1E, #563A00, #2C1E16, #130B0A)
Browse the whole catalog at Explore, or see today's palette.