Dusty Pier color palette — #D0E6E7 · #609B8D · #00635D · #023C60 · #001712

Navy and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D0E6E7): A whisper-light, dusty blue — the color of deep harbor water.
• Eucalyptus (#609B8D): A luminous, dusty teal — the color of sea glass.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#023C60): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001712): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Dusty Pier 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

• Fern Harbor color palette (#D7F0E7, #7A9960, #24651C, #004243, #001712)
• Basalt Pier color palette (#E7E6D1, #639A78, #006359, #572A53, #242D07)
• Hushed Meadow color palette (#DFE8D5, #57B9A3, #00837A, #255A80, #1D2F11)
• Antique Forest Canyon color palette (#CEE6DE, #7D976D, #2C632C, #5D2607, #081600)
• Weathered Petrol color palette (#DCEDEC, #99B7D3, #356DAB, #004761, #00113D)
• Dusty Meadow color palette (#E8F5F3, #AACBC9, #5D8F77, #795563, #1F3635)
• Dusty Fern Atelier color palette (#E5F7EC, #A3A376, #606B32, #67353A, #002317)
• Aged Harbor color palette (#E1FCF4, #96C9A9, #00897B, #6B3F66, #001F0E)

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