Dusty Harbor color palette — #F2E4E1 · #6DACA9 · #006178 · #00420D · #00203E

A conversation between Forest and Peacock, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F2E4E1): bright and airy, almost weightless.
• Turquoise (#6DACA9): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006178): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00420D): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Denim color palette (#F3E4DB, #69A9C1, #0057A2, #003F34, #1A1549)
• Cypress Hollow color palette (#E9F3EA, #60ABA6, #00646D, #003B28, #000D12)
• Dusty Petrol Balcony color palette (#F5EEE2, #64C4BE, #00848F, #005C41, #00242D)
• Feathered Parlor color palette (#FFF2EB, #8AC1D6, #016FC6, #005748, #2A266D)
• Frosted Cabin color palette (#E7E6D0, #90CCC1, #0099CD, #5B4300, #003216)
• Washed Cabin color palette (#F4E8DC, #6284A2, #292F84, #002223, #100021)
• Emerald Meadow color palette (#E3F3E7, #3C984F, #00531F, #022402, #000C01)
• Ancient Pine color palette (#F6E8F8, #50D8CF, #00A3C1, #3A7F33, #00213B)

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