Dusty Pier color palette — #CEE5D3 · #D1A247 · #7B940B · #0067B7 · #2C2400

A conversation between Cobalt and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#CEE5D3): A whisper-light, dusty teal — the color of sea glass.
• Gold (#D1A247): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#7B940B): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2C2400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Sapphire Lagoon color palette (#DFF5E3, #D5B85A, #7EA55E, #3D6FD1, #343202)
• Apricot Courtyard color palette (#CAE7D0, #EC905C, #A78300, #00728A, #371D00)
• Worn Lapis color palette (#CAE7CF, #ABB250, #379F5F, #5C53BF, #1A2A00)
• Chalky Basin color palette (#DCEFE0, #A89A00, #178F1B, #373CC4, #141900)
• Frosted Ultramarine Pier color palette (#D3E7D8, #C89B00, #009A7F, #0654D5, #3E0028)
• Washed Aubergine color palette (#F3D4E2, #D07847, #597400, #552893, #332000)
• Dusty Cobalt Grove color palette (#EDE9DB, #99C0B3, #70A585, #5A6CAE, #3F2B57)
• Hushed Moss Canyon color palette (#D4F0E0, #9C8D00, #4A5A35, #0F3826, #010602)

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