Dusty Harbor color palette — #F8F1E5 · #AF9A54 · #665801 · #3B3831 · #25211C

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Moss (#AF9A54): A luminous, balanced green — the color of new leaves after rain.
• Olive (#665801): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3B3831): a grounded near-black with real depth.
• Onyx (#25211C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Fern Cabin color palette (#F2F3E4, #7CAA74, #496222, #393B00, #23221C)
• Amber Alley color palette (#FCEFE6, #D08765, #794D0B, #582A00, #27201D)
• Mustard Alley color palette (#EEF8F1, #C7AC50, #3A5D51, #212F26, #0D110D)
• Mustard Drift color palette (#E8F6EC, #D2B35F, #60847D, #4A594E, #261F23)
• Aged Moss color palette (#F1EEDF, #848F00, #2E4F27, #2D2606, #171003)
• Wandering Summit color palette (#F6F7E4, #96BF80, #85A7D3, #BE7E82, #464500)
• Wandering Bronze Balcony color palette (#F7F5EB, #D2D4B8, #97A081, #A86E42, #505100)
• Driftwood Chapel color palette (#F7F6E8, #B4CF94, #BEA5D5, #7C975A, #66404D)

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