Dusty Harbor color palette — #F7D3DB · #E7A6F9 · #71B838 · #9E3AB7 · #163100

A conversation between Orchid and Clover, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7D3DB): A whisper-light, dusty red — the color of late-summer berries.
• Lavender (#E7A6F9): A luminous, balanced pink — the color of a candy shop window.
• Clover (#71B838): A luminous, vivid green — the color of fresh herbs.
• Orchid (#9E3AB7): A full-bodied, vivid pink — the color of a candy shop window.
• Deep Forest (#163100): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Muted Grove color palette (#F4D5DB, #CD8CE0, #469C2B, #7D2293, #0B3200)
• Frosted Indigo color palette (#F5D2E5, #BEB9FF, #AFA603, #6C56CF, #2D2A00)
• Plum Garden color palette (#F7F3FF, #DB8ACB, #84A105, #A40092, #151B00)
• Peony Delta color palette (#FFE8EA, #E7A5E0, #7DC483, #C866C1, #13401A)
• Sunlit Orchard color palette (#F3D6D4, #FFA0CC, #04BD96, #B4377B, #003125)
• Sunlit Fuchsia Lantern color palette (#F8E2E3, #FD78D3, #03A87E, #9D1D7C, #002116)
• Linen Quarry color palette (#FAEAFA, #DB6BDF, #BA8E00, #0098A6, #2F1230)
• Plum Grove color palette (#EFD8D4, #DDB14E, #B55474, #712F45, #190403)

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