Dusty Harbor color palette — #EFF8F1 · #B1C8DA · #3D7BBD · #005E6B · #2C395C
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Lilac Frost (#B1C8DA): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3D7BBD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005E6B): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#2C395C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Dusty 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 Boulevard color palette (#EEF8F0, #A9CCD6, #008798, #00624B, #084153)
- Patina Cobalt Archive color palette (#F8EFF3, #AFCCE2, #5478CB, #005C57, #1A1D3A)
- Dusty Chapel color palette (#F1F7F2, #D7DDEF, #779DC1, #207C87, #41546D)
- Timeworn Hollow color palette (#FAF4EF, #AEE2CE, #6D93E1, #007D75, #4E2F40)
- Bronze Balcony color palette (#E1E2FE, #8C66AD, #985D00, #006963, #292745)
- Worn Workshop color palette (#F3F4FF, #FBD1F0, #DA97AA, #5E5FA3, #423B5C)
- Softworn Delta color palette (#E7F2E9, #5D9AA5, #005269, #00302C, #001625)
- Navy Grove color palette (#DDE5DE, #6484A1, #003880, #002129, #04002D)
Browse the whole catalog at Explore, or see today's palette.