Dusty Harbor color palette — #E5F3ED · #A9C0BF · #7599A2 · #3A4100 · #000201

Deep Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F3ED): a clean, paper-quiet neutral.
• Ash (#A9C0BF): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#7599A2): A luminous, dusty blue — the color of open sky before noon.
• Deep Olive (#3A4100): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Patina Abyss Balcony color palette (#E5F0F2, #C0D3DE, #97A7BE, #005A52, #000304)
• Dusty Garden color palette (#E1F1EC, #7C9390, #4C7374, #232F00, #000201)
• Olive Archive color palette (#D4EBDA, #6D834D, #00482E, #241A00, #010100)
• Worn Delta color palette (#EFEEE7, #96A796, #6E977D, #576D0A, #0B0901)
• Washed Lagoon Studio color palette (#E9F8FD, #D7DBE6, #BEA8AF, #009090, #032A32)
• Hushed Olive color palette (#ECF8F6, #D2DDE4, #B7C2D3, #458933, #0D2320)
• Airy Emerald color palette (#D2F6EE, #D29000, #489700, #00596C, #000201)
• Moonless Chestnut Meadow color palette (#FEE6FF, #716400, #003B31, #1E0014, #010100)

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