Dusty Harbor color palette — #D6F6E7 · #777700 · #4E3CB6 · #630046 · #060003

Indigo and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D6F6E7): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#777700): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#4E3CB6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Mulberry (#630046): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. 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

• Chalky Meadow color palette (#D9F6E2, #8A6F00, #423DBE, #44117C, #050006)
• Airy Aubergine color palette (#C9EBE7, #1B9533, #672095, #6A0022, #070001)
• Dusty Summit color palette (#FCE8EF, #A85C00, #006076, #45107B, #03000A)
• Lagoon Parlor color palette (#E8E4D5, #5C966B, #146E82, #652F37, #200A23)
• Fern Delta color palette (#EBECD2, #306800, #003E54, #300034, #040100)
• Hushed Grape Grove color palette (#D5EFEA, #4FB61C, #7B3ECB, #843600, #230900)
• Timeworn Ridge color palette (#DEF1F3, #009779, #AB008D, #693300, #110400)
• Pine Harbor color palette (#E6F0E0, #008B4E, #00695C, #00474D, #00080E)

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