Dusty Harbor color palette — #FAF3F6 · #D7DFF0 · #7B9DBF · #247E79 · #43536F

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D7DFF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7B9DBF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#247E79): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#43536F): A full-bodied, dusty violet — the color of a velvet chair.

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

• Weathered Cerulean Bloom color palette (#EEF7F6, #D6DCEC, #85B9D8, #4493A3, #435565)
• Softworn Turquoise Cabin color palette (#F1F3EC, #C6E0E0, #66A5C9, #247787, #243C35)
• Ancient Field color palette (#F7EBF2, #72A8BB, #005C91, #003E3A, #09194D)
• Washed Lagoon Veranda color palette (#FDF0FF, #C5828C, #5B9A6B, #008789, #4C3C4E)
• Dusty Ash Coast color palette (#F8F2FF, #EBD6DB, #DED4A4, #A485AD, #5D4B5D)
• Muted Indigo Thicket color palette (#FEF1F5, #B3D2F2, #5E76DC, #006474, #42356A)
• Timeworn Navy color palette (#EEDEE5, #5986A4, #003585, #002224, #08002A)
• Tempered Petrol color palette (#FFF0FA, #85C5C4, #007B92, #005936, #003753)

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