Dusty Pier color palette — #F1F7F3 · #CCDDDE · #D4BFD5 · #2A8EA2 · #333D37

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#CCDDDE): bright and airy, almost weightless.
• Oat (#D4BFD5): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#2A8EA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#333D37): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Washed Cobalt color palette (#F9F3F8, #E4D5D6, #D8B6B3, #5B7FC3, #40373F)
• Ancient Turquoise color palette (#EEF7FA, #D6D9E2, #C1BFD3, #64ACB9, #2E3D44)
• Washed Cypress Boulevard color palette (#F0F7F1, #CCDDDF, #C0ADB9, #2A6F76, #333E35)
• Dusty Cobalt Lagoon color palette (#D0EAE1, #0088CD, #52344D, #0E2720, #07100B)
• Hushed Petrol color palette (#E8F2ED, #B2CAC3, #B69BB2, #006B88, #15231C)
• Weathered Canyon color palette (#F7F6E4, #94C296, #22966D, #4E6C4F, #343A00)
• Tempered Bronze Quarry color palette (#CAE6D8, #9EBAE4, #A47D91, #955C31, #5D3E00)
• Dusty Alley color palette (#E4F7EE, #00A4D4, #9B46B6, #833400, #173400)

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