Weathered Harbor color palette — #E7F9FF · #88CCEC · #6FA2E9 · #6C6DA7 · #4B4C67
Cornflower and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#88CCEC): A luminous, balanced blue — the color of open sky before noon.
- Cornflower (#6FA2E9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#6C6DA7): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#4B4C67): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Turquoise Delta color palette (#DDFCFF, #8ADEE1, #24AACE, #4578A4, #45526B)
- Worn Powder color palette (#DCFFE9, #C9E9FF, #93BBF0, #6978AB, #624452)
- Lilac Terrace color palette (#EEF6FF, #BAC4FF, #AD92E5, #94648E, #574762)
- Tempered Iris Lantern color palette (#F0F6FF, #CDD3FF, #9297DD, #5A6192, #283751)
- Dusty Marigold Cabin color palette (#EFF6FF, #A7C5FB, #D5A95F, #698CCC, #3D5440)
- Dusty Ash Alley color palette (#EEF6FF, #E0D9E3, #B6B0A7, #78A4B8, #4B5463)
- Feathered Indigo Bloom color palette (#B0EAFF, #78B7FF, #736EFF, #723BB7, #5D3161)
- Mustard Quarry color palette (#EDF7FF, #6CBBED, #AFA93E, #8B9A5F, #334553)
Browse the whole catalog at Explore, or see today's palette.