Dusty Harbor color palette — #F7F5ED · #C9CA71 · #51A557 · #878600 · #232615

Kelly Green and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Honey (#C9CA71): A luminous, balanced green — the color of fresh herbs.
• Kelly Green (#51A557): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#878600): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#232615): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Dusty Moss Coast color palette (#F9F4EE, #E1BE89, #919700, #A87608, #282413)
• Softworn Emerald color palette (#F4F6EC, #A3D3A4, #00A59A, #509253, #1D271A)
• Powdered Emerald Boulevard color palette (#FCF6DC, #8FC27A, #0E9F66, #2A6B88, #3D3E37)
• Timeworn Mustard Harbor color palette (#EEF8F2, #E3D69B, #63C2AA, #B8A127, #10282B)
• Faded Drift color palette (#E1FCCE, #9CCD98, #4AAE6A, #007E56, #004738)
• Cypress Balcony color palette (#FBF4E9, #C9AB62, #008265, #775B0D, #202719)
• Driftwood Archive color palette (#F6F5EF, #D6DED4, #B6C9B7, #869669, #49483D)
• Muted Amber color palette (#FBF4EC, #E6E2B4, #4AACC8, #B67C26, #03170D)

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