Weathered Harbor color palette — #EAF2FF · #6B8CD2 · #825C1E · #474200 · #221F00
Built around Lavender Blue, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF2FF): a clean, paper-quiet neutral.
- Lavender Blue (#6B8CD2): A luminous, balanced violet — the color of a velvet chair.
- Ochre (#825C1E): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#474200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#221F00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Weathered 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
- Iris Pier color palette (#EEF1FF, #947ECA, #6F661B, #004D3B, #00251B)
- Worn Cerulean color palette (#E1F6FF, #04A0AF, #924C57, #2D4B00, #132400)
- Ancient Bronze color palette (#FCF1FB, #82A4E5, #9D7B19, #656100, #26410A)
- Mulberry Villa color palette (#F0F5FF, #7784BF, #914764, #5F4200, #00432E)
- Aged Indigo color palette (#EBEFFF, #6C58B7, #524600, #002D36, #000D12)
- Driftwood Studio color palette (#FFF0FA, #A7B7F9, #BF6D80, #6B5B00, #003330)
- Ancient Cerulean Coast color palette (#F6EFF5, #BFE3EF, #5597B2, #3B6B47, #182D46)
- Hushed Cypress Corridor color palette (#CBEEFF, #A8B2CA, #8B829F, #3A6869, #114041)
Browse the whole catalog at Explore, or see today's palette.