Dusty Harbor color palette — #FCF4E8 · #BAE9F3 · #57B5CE · #207F6E · #013348
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Frost (#BAE9F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#57B5CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#207F6E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#013348): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Washed Study color palette (#F9F4ED, #C1E3F5, #7FAAD7, #007D8C, #3F223C)
- Antique Azure Archive color palette (#FAF4EB, #C7ECFF, #4598DB, #006872, #081C41)
- Misty Emerald color palette (#FBF3F1, #C8EACF, #6EBCE6, #00A666, #263A5F)
- Ancient Denim Veranda color palette (#F5EEE3, #5FB0BD, #005E77, #002C27, #000103)
- Aged Hollow color palette (#EEF8F0, #A1CDDD, #0086A0, #006153, #1D3E54)
- Weathered Veranda color palette (#F8ECDB, #76C0ED, #1F69AF, #003D45, #000016)
- Worn Veranda color palette (#FCF4E8, #8DD9EB, #0086B0, #00524E, #000E1C)
- Hushed Courtyard color palette (#F9F4ED, #C1DFE4, #9FC6E7, #699F8E, #3A5448)
Browse the whole catalog at Explore, or see today's palette.