Dusty Pier color palette — #F1F7F1 · #D1DEDB · #B3C4C1 · #2F837F · #414B40

Teal takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D1DEDB): a clean, paper-quiet neutral.
• Stone (#B3C4C1): a calm mid-gray that lets other colors speak.
• Teal (#2F837F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#414B40): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Garden color palette (#EFF3EE, #D0D9D8, #ADC1C3, #00877C, #262F24)
• Weathered Petrol color palette (#EBF9F5, #EED9DF, #CDB3C8, #286FA7, #33443F)
• Softworn Grove color palette (#DEE6E0, #9DAEA2, #638976, #004044, #08180C)
• Washed Fern color palette (#F8F5EA, #B5B287, #5E7E4E, #53611B, #4A4400)
• Dusty Cabin color palette (#EAFAEF, #6CEDEC, #4CC8DD, #2B8EBC, #114857)
• Ancient Villa color palette (#D3FCE9, #98BCB1, #967D92, #7C575E, #743B12)
• Worn Turquoise color palette (#F4F9DB, #23ABB5, #087593, #514570, #264531)
• Dusty Boulevard color palette (#F3ECF3, #D5C7D2, #B198A8, #305589, #362836)

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