Dusty Harbor color palette — #F9F4EF · #CDE5E8 · #A4AFDA · #3B9699 · #684854

Cerulean takes the lead with Mauve close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#CDE5E8): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#A4AFDA): A luminous, dusty violet — the color of wild irises.
• Cerulean (#3B9699): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#684854): A full-bodied, dusty rose — the color of a warm blush.

Feels like: 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

• Worn Mallow Grove color palette (#FCF2F5, #D9D4DE, #D0BBEE, #629E9E, #494B62)
• Patina Basin color palette (#FBF3F1, #CEE7E2, #8EBDAB, #4B9870, #634960)
• Tempered Periwinkle color palette (#F1F7F2, #DADDED, #799AD2, #2F798F, #485268)
• Tempered Moss color palette (#F8F6E7, #BCCC9D, #C6A2D1, #7F983F, #683F4A)
• Denim Parlor color palette (#F5E3DE, #639EA1, #00617F, #003E1C, #00081D)
• Powdered Cobalt Boulevard color palette (#EDE2D8, #86B7DE, #596EBF, #005959, #29054E)
• Azure Study color palette (#FDF3EE, #AAE7F2, #2DA6E7, #00875C, #293C71)
• Driftwood Atelier color palette (#F4F8E4, #96BE94, #B695D1, #B3739D, #42433C)

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