Dusty Harbor color palette — #D3E7D9 · #007686 · #621191 · #4F1B00 · #042701

Plum takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D3E7D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007686): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#621191): A deep, shadowed, vivid violet — the color of a velvet chair.
• Espresso (#4F1B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#042701): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Quiet Aubergine Balcony color palette (#E8F6EE, #0084A3, #772C8B, #5B2C00, #003617)
• Ancient Nightshade color palette (#DAE5D5, #007A69, #342CA8, #5B001B, #212100)
• Powdered Dune color palette (#DBE4D5, #007D68, #7B0065, #392100, #130800)
• Patina Workshop color palette (#DDF5EB, #005F83, #5B0061, #331700, #001706)
• Washed Sapphire color palette (#EADCE9, #2264C6, #7E005A, #412700, #002714)
• Plum Delta color palette (#C1EAF0, #009C88, #AA216F, #603800, #301900)
• Cornflower Courtyard color palette (#C9E7F7, #00B4D9, #647ED6, #824391, #00261D)
• Hushed Petrol Atelier color palette (#DFF4E6, #75A2C3, #566197, #6F352D, #3E3833)

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