Dusty Harbor color palette — #FCF3EF · #CBF0D8 · #209DD7 · #006B5C · #021C43

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#CBF0D8): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#209DD7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006B5C): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#021C43): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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 Atelier color palette (#FCF3ED, #C3E2EF, #63ACEC, #008079, #212C4E)
• Dusty Cobalt Bloom color palette (#FDF3EC, #A3D3F2, #487AC4, #005155, #0A0033)
• Weathered Meadow color palette (#F6EBF2, #5BC1D8, #00709E, #005144, #182E4D)
• Denim Loft color palette (#E9DBD1, #78AAC3, #00549E, #002B2B, #01000A)
• Tempered Field color palette (#F6ECE6, #72C7CA, #00738C, #004029, #000307)
• Blush Pier color palette (#FFF2F0, #F370A9, #248724, #007C6E, #1F000E)
• Aged Basin color palette (#F9F4EF, #C8DCEA, #A3B9F4, #0092A5, #543345)
• Linen Mulberry color palette (#FFF1F2, #F492D8, #00A766, #9D0082, #001F0F)

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