Dusty Harbor color palette — #E5FBF6 · #6DAA8E · #00726D · #5C4155 · #0E3D3F
Built around Teal, softened by Jade — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#E5FBF6): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#6DAA8E): A luminous, dusty teal — the color of sea glass.
- Teal (#00726D): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#5C4155): A full-bodied, dusty pink — the color of peonies in June.
- Deep Teal (#0E3D3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Muted Corridor color palette (#EAFAF2, #88A480, #187454, #2A5544, #103E38)
- Dusty Hollow color palette (#EDF8F4, #A5C9C5, #5F8A8E, #506D63, #3D5250)
- Aged Quarry color palette (#D5F4E4, #6CA448, #006C46, #494500, #183700)
- Lagoon Loft color palette (#EBF9F6, #96C0A3, #3F9271, #6B6625, #033E3D)
- Hushed Emerald color palette (#DAF5F3, #47A368, #A05C9A, #006834, #4E214B)
- Fern Boulevard color palette (#D8EBD7, #948E52, #445E21, #00493C, #2E2A00)
- Muted Olive color palette (#D5FFFB, #B1E6F2, #82B7DC, #707730, #16444A)
- Mulberry Balcony color palette (#C4EEEF, #0A9063, #954E8D, #8F3368, #003334)
Browse the whole catalog at Explore, or see today's palette.