Dusty Harbor color palette — #F6F3FF · #D682CD · #B7941A · #3495A5 · #3A3447

A conversation between Bubblegum and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Bubblegum (#D682CD): A luminous, balanced pink — the color of neon signs at night.
• Mustard (#B7941A): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#3495A5): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#3A3447): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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 Blush color palette (#FCF1FF, #F2779B, #8AA448, #568CB6, #423147)
• Faded Garden color palette (#F3F4FF, #B38BFA, #CA874F, #429787, #33364D)
• Iris Grove color palette (#FFF1F3, #E2A0E0, #E88F7A, #6691DE, #421E25)
• Linen Station color palette (#FFF1F3, #E3A7DC, #7ECA80, #00B3A9, #4C2E33)
• Dusty Peony Parlor color palette (#F6F3FF, #B26BAC, #508C50, #00736C, #3B334D)
• Peony Chapel color palette (#F6D8E3, #F7009A, #818800, #0078A5, #400D27)
• Oat Boulevard color palette (#F7F3FF, #E6D6DE, #EABF9E, #9292B7, #504859)
• Powdered Ember color palette (#FFD7ED, #EB6900, #00A17A, #756CB5, #3A2330)

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