Dusty Harbor color palette — #EAF7FF · #85CFE9 · #DFA5A8 · #B79266 · #2F404A

A conversation between Sky and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF7FF): bright and airy, almost weightless.
• Sky (#85CFE9): A luminous, balanced blue — the color of open sky before noon.
• Rosewood Mist (#DFA5A8): A luminous, dusty red — the color of embers at dusk.
• Caramel (#B79266): A luminous, dusty gold — the color of afternoon light on wheat.
• Charcoal (#2F404A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Wandering Bronze color palette (#EBF9F4, #91CBF5, #CE9BC5, #9E7C3D, #1F3730)
• Patina Sky Alley color palette (#EDF7FF, #7BB2D9, #BF8D8A, #A36866, #2E3F4D)
• Powder Hollow color palette (#F2F5FF, #B6AEFA, #CFA65D, #749D6B, #2B3149)
• Stone Terrace color palette (#F0F6FC, #DAD9E0, #C4C4A3, #BBAEB7, #4C535B)
• Linen Ember color palette (#EDF6FF, #93CEFF, #DF6955, #A18700, #002E4C)
• Washed Study color palette (#EDF7FF, #C9DBFF, #AEB0E1, #9584C0, #5F346C)
• Chalky Periwinkle color palette (#C9E1FD, #4F9EFF, #CE764D, #7D7700, #011A39)
• Mallow Market color palette (#E2E1FF, #D59AFF, #998200, #009061, #2C0F3D)

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