Dusty Harbor color palette — #FFF3E3 · #A6A772 · #437A14 · #6B4A00 · #3E3D00

Olive and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A6A772): A luminous, dusty green — the color of fresh herbs.
• Olive (#437A14): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#6B4A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Cypress Harbor color palette (#FBF5E6, #8EA37B, #36714F, #524C1D, #36362F)
• Tempered Pine Balcony color palette (#FCF5E0, #8FAD83, #007D56, #7D3548, #2B4221)
• Feathered Canyon color palette (#FBE8D4, #A89127, #506300, #00503B, #372D00)
• Moss Orchard color palette (#FFF4DD, #C1C066, #7F9100, #7A6810, #3E3D0F)
• Washed Alley color palette (#FBF4EA, #CAC0A2, #728A63, #596D50, #5E4B00)
• Linen Clover color palette (#E6FCE7, #D7D466, #80B758, #9F8458, #3E3D0E)
• Muted Abyss Garden color palette (#F1ECD9, #62855C, #00523B, #303100, #062103)
• Powdered Clover color palette (#EBEFE1, #56B960, #008C56, #005D50, #064053)

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