Dusty Harbor color palette — #D6EAF1 · #20ECE9 · #FFAFA8 · #7E514D · #342A26

Lagoon and Rose Quartz set the tone — five colors that lean into sophistication.

The five colors

• Frost (#D6EAF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lagoon (#20ECE9): A whisper-light, balanced teal — the color of shallow lagoons.
• Rose Quartz (#FFAFA8): A whisper-light, balanced orange — the color of autumn markets.
• Coffee (#7E514D): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#342A26): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Patina Glacier color palette (#E0E2FF, #60F5FE, #FFC5AC, #965C32, #3D3631)
• Tempered Honey Alley color palette (#D1DFF7, #77E0FF, #FDB947, #67625C, #2F271E)
• Fuchsia Canyon color palette (#E0F476, #2FF5F2, #E48AE2, #774E55, #312729)
• Softworn Parlor color palette (#FEF2ED, #DED7A4, #C18376, #8C5045, #2E1D15)
• Ancient Veranda color palette (#EAD9E9, #DAD03B, #FFA37D, #513747, #30262C)
• Washed Mustard Lantern color palette (#EED7F5, #ADBAFF, #DAB300, #615325, #1D1910)
• Hazy Celadon color palette (#DAFFEE, #EAFC4E, #FFD2B6, #592E00, #221811)
• Aged Cocoa Basin color palette (#F9F4EF, #D9DBD4, #A8BAB2, #CDA274, #653D00)

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