Dusty Pier color palette — #F0F3EA · #A8D2C2 · #4481B3 · #00586F · #2D162F

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Pistachio (#A8D2C2): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4481B3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#2D162F): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Lagoon Field color palette (#F2F3EA, #B8CFB8, #118C96, #005C52, #00262C)
• Cobalt Coast color palette (#FDF2F6, #A8CAE4, #4D78BA, #005F64, #34365B)
• Antique Navy Delta color palette (#E0E4D8, #507DA1, #003C71, #001D2A, #000107)
• Byzantium Orchard color palette (#F3D9F5, #3D7EC5, #904FA3, #006A62, #200923)
• Azure Delta color palette (#D9ECF2, #06A3CF, #006A94, #004264, #00223C)
• Periwinkle Canyon color palette (#FDF3EB, #C4E5F8, #7DA7E7, #007E84, #282950)
• Olive Alley color palette (#D9EFE6, #429BCA, #548C42, #005C82, #072300)
• Hushed Petrol color palette (#FCEBFD, #EFC8E7, #B0B1EC, #3F7BA7, #301E2F)

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