Misty Pier color palette — #DFE3CD · #006D8E · #3D0B9F · #1F2200 · #00030B

Indigo takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#DFE3CD): A whisper-light, dusty green — the color of a quiet forest floor.
• Peacock (#006D8E): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#3D0B9F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#1F2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00030B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged retro, vibrant.

Use it as a design system

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

• Velvet Aubergine Loft color palette (#EDE9D8, #006B97, #3A0E78, #110C00, #000105)
• Aged Navy Pier color palette (#EEE4D8, #007176, #003882, #2E1A00, #000407)
• Aged Aubergine color palette (#F0F2D6, #1860BC, #5E007A, #012803, #020017)
• Aubergine Lantern color palette (#CAE7EA, #52749B, #5D4588, #393600, #00190A)
• Denim Quarry color palette (#EAE2DB, #6C9E8E, #2D53A3, #003B40, #090029)
• Twilit Aubergine Harbor color palette (#F4DCE4, #6D37A0, #5D0062, #2A1400, #000203)
• Shadow Station color palette (#EEDCEF, #0433BC, #250066, #21000E, #010019)
• Muted Navy color palette (#EDDCCD, #89722D, #424A00, #09226A, #090500)

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