Weathered Harbor color palette — #FDF4E7 · #96D3FE · #258BFC · #006F83 · #1B2873
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF4E7): a clean, paper-quiet neutral.
- Sky (#96D3FE): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#258BFC): A luminous, vivid blue — the color of open sky before noon.
- Teal (#006F83): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1B2873): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.
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
- Dusty Periwinkle Balcony color palette (#EAFAED, #D9DFF3, #489BFF, #006F83, #121B59)
- Cerulean Thicket color palette (#FEF4E4, #8AD9E9, #009AC6, #00736C, #003656)
- Wandering Sapphire Boulevard color palette (#FFF3E8, #8FBEE0, #4462D2, #005654, #3C1C6A)
- Quiet Periwinkle color palette (#FFF1F6, #B2E1FF, #82A7FF, #009892, #382068)
- Denim Station color palette (#EEE7DB, #50A1A7, #006376, #003C32, #000B13)
- Tempered Lagoon color palette (#F9F4EE, #C2E6DD, #6BB1C0, #318C74, #2A5140)
- Hazy Plum Field color palette (#DFEBD6, #65A000, #0082E4, #CC004F, #172A00)
- Hazy Atelier color palette (#EAE6C4, #99C12A, #A53BE8, #5A7400, #440066)
Browse the whole catalog at Explore, or see today's palette.