Dusty Harbor color palette — #FFF0F8 · #ECD0F6 · #AE8EAC · #597960 · #233E30

A conversation between Thistle and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Thistle (#ECD0F6): A whisper-light, dusty pink — the color of peonies in June.
• Dusty Rose (#AE8EAC): A luminous, dusty pink — the color of neon signs at night.
• Pewter (#597960): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#233E30): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Shell Field color palette (#FBF1FF, #F8D0DC, #BCA4B4, #628071, #36544B)
• Washed Balcony color palette (#F6F3FF, #D1CEEE, #9C91B1, #816679, #4C2A3B)
• Lagoon Ridge color palette (#D6E1FC, #C7C2E7, #D198A0, #488E7E, #164861)
• Bronze Loft color palette (#FCE7F0, #C097B2, #A2645C, #3B583D, #0D2D1C)
• Aged Petrol color palette (#ECF8F8, #DBDCE7, #84A8DC, #30769C, #1E2C51)
• Pale Fern Ridge color palette (#FFF2EF, #F8BB99, #BD884B, #486D29, #00421C)
• Hushed Chestnut Canyon color palette (#FDE8E5, #B3806A, #7C4D19, #233400, #001001)
• Cypress Meadow color palette (#DFFFE2, #E6D9A3, #A8B277, #1D8270, #004648)

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