Dusty Harbor color palette — #FFF4DA · #A0B989 · #579661 · #00766B · #3D5943
A conversation between Fern and Teal, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF4DA): A whisper-light, dusty gold — the color of old brass.
- Sage (#A0B989): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#579661): A luminous, balanced green — the color of fresh herbs.
- Teal (#00766B): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#3D5943): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged 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
- Hazy Chapel color palette (#F9F8D6, #AEDBA3, #58B37E, #368368, #42543A)
- Worn Driftwood color palette (#FFF0E5, #C4AB78, #93893A, #516C28, #355942)
- Softworn Petrol color palette (#EFFBD9, #89CBBA, #249396, #00698B, #305C51)
- Olive Harbor color palette (#F5F7E9, #9CBA93, #CC7F8D, #4F823F, #6B3E46)
- Teal Grove color palette (#D8EFDD, #48A886, #007D7D, #00556E, #2B3266)
- Wandering Workshop color palette (#EAFBE9, #50A9A5, #A179A6, #965E9B, #364835)
- Lagoon Orchard color palette (#C9E9D4, #008B84, #00515D, #003042, #001943)
- Midnight Grove color palette (#E4E5D3, #0A791C, #00432B, #001C1A, #01070E)
Browse the whole catalog at Explore, or see today's palette.