Worn Harbor color palette — #DEE2BF · #3379C5 · #672A89 · #103E00 · #1A1F49
Plum and Azure set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DEE2BF): A whisper-light, dusty green — the color of fresh herbs.
- Azure (#3379C5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Plum (#672A89): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#103E00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Indigo (#1A1F49): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.
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
- Misty Nightshade Coast color palette (#ECDDB8, #0084A6, #45389F, #3B3300, #022641)
- Patina Market color palette (#E3E0BC, #6F69C3, #811A63, #003D2F, #2E1742)
- Weathered Balcony color palette (#F0F2CF, #5C83D4, #784082, #004E20, #422637)
- Lapis Drift color palette (#EEDBE8, #4F58CA, #762B00, #2D3100, #002118)
- Patina Petrol color palette (#F7ECE6, #76BFC8, #007295, #00523E, #042F54)
- Aubergine Harbor color palette (#F3E2EE, #8167B5, #712082, #570700, #170128)
- Charred Grape Studio color palette (#E7E2C2, #6339AC, #5B0035, #001E1A, #17001F)
- Byzantium Thicket color palette (#F7D6C8, #9B7DE1, #8F42A6, #8A0602, #2D1645)
Browse the whole catalog at Explore, or see today's palette.