Dusty Harbor color palette — #F5F6ED · #BDC5A8 · #748B49 · #526D5D · #485407

Deep Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Pistachio (#BDC5A8): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#748B49): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#526D5D): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#485407): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Chestnut color palette (#F8F5E9, #B4B28B, #5E7E50, #834822, #4A4400)
• Tempered Lagoon color palette (#F4F2EB, #C6C69E, #569270, #725962, #31322B)
• Hushed Fern Orchard color palette (#EDE4D0, #928F55, #535B00, #68212F, #2D2A00)
• Dusty Teal Hollow color palette (#EDF8F2, #AFDCD2, #6DAB88, #7A7B93, #3E524D)
• Forest Delta color palette (#ECEDD9, #6CA172, #006C40, #653500, #00390F)
• Spruce Pier color palette (#EFEEDA, #547645, #004411, #3B1500, #051400)
• Plum Studio color palette (#FFF1F1, #CDA0B9, #B3945A, #A45184, #514C46)
• Hushed Denim color palette (#F1F8E8, #5FB5A0, #007A70, #005683, #034539)

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