Dusty Pier color palette — #F8F1E2 · #B7E2D1 · #B8B6C2 · #A1876D · #3D3C35

A conversation between Celadon Mist and Caramel, giving this palette its sense of sophistication.

The five colors

• Cream (#F8F1E2): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#B7E2D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#B8B6C2): soft and architectural.
• Caramel (#A1876D): A luminous, dusty gold — the color of old brass.
• Charcoal (#3D3C35): quiet, heavy and certain.

Feels like: Sophistication. Tagged pastel, 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

• Driftwood Coast color palette (#F4F4DC, #C2EAD1, #9DCEC9, #9C813B, #353E00)
• Antique Hollow color palette (#E7FBF1, #C6E2E7, #B8B1B9, #88AC8D, #3D544C)
• Powder Loft color palette (#E8FBEE, #C3E7F0, #ABC8EA, #A78197, #42594F)
• Chestnut Archive color palette (#F8F1E4, #C4BC92, #8E8356, #794D0B, #2C2D20)
• Dusty Turquoise color palette (#F0F6D4, #A8E6D5, #65BDD8, #767245, #252D15)
• Patina Stone Station color palette (#F1F3E9, #E6BA8B, #466C4E, #30322B, #13150B)
• Emerald Atelier color palette (#F0E8C8, #589652, #007470, #452900, #030200)
• Antique Terrace color palette (#FFE7DF, #B8C9FF, #D7BA36, #312E27, #1A1711)

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