Smoked Pier color palette — #CDE9FC · #0062A5 · #00295E · #03003A · #030018

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE9FC): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#0062A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00295E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#03003A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#030018): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

Use it as a design system

One click turns Smoked 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

• Ultramarine Lantern color palette (#DBE4F1, #2B4BC1, #230085, #120039, #070017)
• Petrol Pier color palette (#D3F5F9, #006879, #003849, #001421, #00040C)
• Dusty Navy Courtyard color palette (#D5F8F8, #0080A8, #004899, #1E0065, #090013)
• Onyx Courtyard color palette (#D7E1E8, #8B9CAB, #5E738A, #003041, #010B13)
• Grape Basin color palette (#EBEBFB, #6A41B4, #46006B, #1B0024, #080008)
• Sunlit Aubergine color palette (#C2EADE, #008FA3, #045FC7, #4200A3, #080009)
• Shadow Nightshade color palette (#DFE9FA, #1212B1, #310042, #190007, #000203)
• Aubergine Coast color palette (#DFE4FE, #635D87, #492660, #450014, #270100)

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