Dusty Harbor color palette — #ECF8F5 · #A4D1B5 · #4275A7 · #264563 · #112621

Built around Slate, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Pistachio (#A4D1B5): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#4275A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#264563): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#112621): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Antique Market color palette (#EDF6FF, #B2F9C8, #467BA8, #213B52, #081018)
• Timeworn Petrol color palette (#FDF1FA, #EBB3BC, #5E6EA6, #323E70, #2C1B28)
• Periwinkle Quarry color palette (#EFF6FF, #FFC8A5, #7696C9, #51647F, #19222F)
• Muted Denim color palette (#FBF2FB, #D0A57B, #255289, #152E4F, #281D28)
• Dusty Iris color palette (#FAF3F6, #E0D7D6, #D1BCB8, #8E86C2, #4F444A)
• Ancient Indigo color palette (#FBF2F8, #B8C0F7, #AF78B4, #6D71DF, #331C21)
• Softworn Basalt Study color palette (#FCE9EA, #E2A38A, #834F74, #522045, #230F11)
• Washed Fern Coast color palette (#ECF9F0, #3BAAC2, #957D2F, #396C1C, #22301C)

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