Dusty Harbor color palette — #F5F6EE · #C4E9E2 · #5FA5B6 · #5A7858 · #41594C

Built around Blue Fog, softened by Pewter — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Honeydew (#C4E9E2): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#5FA5B6): A luminous, dusty blue — the color of open sky before noon.
• Pewter (#5A7858): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#41594C): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Balcony color palette (#F4F6EE, #C0EBEF, #7A9DBE, #447689, #5C4C5D)
• Worn Turquoise color palette (#ECEDDC, #2CB2BA, #00636F, #003E3A, #00242D)
• Lagoon Cabin color palette (#F6F6ED, #97D2CE, #00898D, #006152, #25422D)
• Cerulean Veranda color palette (#E8EBDB, #338DA3, #004357, #002225, #000B13)
• Gentle Pier color palette (#F4F7EC, #89DAFF, #0B89C1, #006475, #194363)
• Patina Meadow color palette (#FBF3F1, #C4DFE6, #9DCEED, #6CB48E, #61495E)
• Weathered Apricot Delta color palette (#FFF2EC, #E79986, #87A46A, #A05E4F, #4E4E46)
• Softworn Chestnut Coast color palette (#FFF2EA, #DEDACC, #99BBCC, #A98675, #7B4614)

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