Dusty Harbor color palette — #F2F7F0 · #CFDCDB · #BBAFBB · #007563 · #353E30

Teal and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#CFDCDB): a clean, paper-quiet neutral.
• Ash (#BBAFBB): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007563): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#353E30): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: 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

• Muted Workshop color palette (#EBF9F1, #DDCDDC, #C498AC, #00657A, #1D3A2B)
• Lagoon Market color palette (#F2F7F1, #CCDFDA, #A8C6C4, #3D9085, #363D33)
• Cypress Lagoon color palette (#EBF4F5, #CFD7E0, #9DBCCE, #0D7469, #122427)
• Weathered Basin color palette (#F0F7F4, #DCD5D3, #A8A395, #5789A2, #4C5551)
• Wandering Abyss Parlor color palette (#EAF0E9, #ADBDB5, #9E859B, #00504B, #172315)
• Softworn Fern color palette (#FEF3EA, #AA9971, #4F6D39, #005756, #3D360B)
• Wandering Orchard color palette (#F8F3F8, #E7D5D5, #D6B1B6, #0069C6, #483B49)
• Weathered Onyx color palette (#DCE8E4, #A2969D, #8A656E, #002E4A, #000D08)

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