Dusty Harbor color palette — #EFF7F8 · #D5DEEA · #C0B4C9 · #359E83 · #203234

Built around Fern, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D5DEEA): a clean, paper-quiet neutral.
• Ash (#C0B4C9): A luminous, dusty violet — the color of wild irises.
• Fern (#359E83): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#203234): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Timeworn Cerulean color palette (#EAF8FF, #DADAE5, #CDC2BC, #008DA4, #0D2833)
• Timeworn Teal Lantern color palette (#F2F7F0, #CEDDD9, #ADC7C5, #60B0A1, #363D33)
• Aged Archive color palette (#F2F7F0, #CEDDDA, #A1BAB0, #137462, #353E30)
• Wandering Moss color palette (#FFF1F6, #DBD1A3, #6E9946, #2A706E, #0F2F1F)
• Abyss Pier color palette (#DCE5ED, #B3BBCC, #908DB3, #004160, #000103)
• Hushed Periwinkle Harbor color palette (#DFFDF1, #B3DFE2, #6DA8D5, #7B723F, #254132)
• Cypress Coast color palette (#EEF7F9, #D2DAE8, #A1BDE1, #006F63, #001013)
• Cerulean Workshop color palette (#E7F9FF, #009CA8, #183656, #001219, #000202)

Browse the whole catalog at Explore, or see today's palette.