Dusty Harbor color palette — #DDEEBE · #84B5A1 · #5E7E6A · #694741 · #572F00
Built around Espresso, softened by Celadon Mist — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DDEEBE): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#84B5A1): A luminous, dusty teal — the color of shallow lagoons.
- Pewter (#5E7E6A): A full-bodied, dusty teal — the color of glacier melt.
- Coffee (#694741): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#572F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Ancient Chestnut color palette (#D0E9BF, #98B08B, #447B96, #854827, #574000)
- Patina Cocoa Balcony color palette (#F9EDE1, #A3A07F, #5C7B5D, #6E3805, #3C1F09)
- Moss Harbor color palette (#FCF5E1, #84A860, #207449, #4D4B44, #36362F)
- Muted Pewter Ridge color palette (#C8EED1, #9DC3BE, #7297A8, #81617F, #503B4F)
- Bronze Workshop color palette (#E8FCE2, #9EC9B1, #9F8C99, #96622E, #5E4D00)
- Tempered Lagoon color palette (#E7F0E3, #309981, #055F82, #612725, #431C1A)
- Wandering Cocoa Terrace color palette (#D2E8D7, #80A0C9, #695984, #584600, #36342D)
- Frosted Cobalt Corridor color palette (#D7EADF, #00AAC5, #4C69B3, #7A3C00, #59351B)
Browse the whole catalog at Explore, or see today's palette.