Dusty Pier color palette — #F0F7F1 · #D7DDF4 · #8FC2FB · #00ABC2 · #354867

Cyan takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Frost (#D7DDF4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#8FC2FB): A luminous, balanced blue — the color of deep harbor water.
• Cyan (#00ABC2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#354867): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Muted Orchard color palette (#F0F7F2, #CBE1F8, #6BCEDF, #39AF8D, #2B4C5F)
• Hushed Powder color palette (#FAF4EE, #C3E1F2, #98BAFF, #23948C, #533444)
• Misty Amber Pier color palette (#FFF1F6, #FBBD8A, #7DC6FB, #DE862E, #0C4769)
• Gentle Periwinkle color palette (#E6F2E8, #B5D8F7, #6CA5FA, #008DA8, #20285A)
• Patina Cornflower Field color palette (#E5EFE6, #89B5DF, #4A7DE7, #006983, #0F0046)
• Aged Cobalt color palette (#D8E4DA, #74AABC, #007DB1, #005D5E, #000919)
• Patina Turquoise color palette (#EAFAED, #8CECF0, #00BFDC, #009A7F, #00384C)
• Washed Petrol color palette (#F7F1E7, #B8E3FF, #6D90B8, #126A78, #3B2237)

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