Misty Pier color palette — #F0DCEA · #B28600 · #292E77 · #0A0B33 · #050004

Mustard takes the lead with Navy close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#F0DCEA): A whisper-light, dusty pink — the color of peonies in June.
• Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
• Navy (#292E77): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#0A0B33): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Patina Meadow color palette (#D3EEE5, #B28600, #003C60, #001424, #000201)
• Softworn Amber Lagoon color palette (#EED9DC, #B28600, #531F5A, #1F0523, #060001)
• Mustard Chapel color palette (#FFF0FD, #C7C034, #2A4B9C, #05143D, #030003)
• Nightshade Alley color palette (#D8DEEC, #E38492, #474A99, #201F58, #050A1B)
• Shadow Dune color palette (#F0D8DD, #836200, #33003F, #170C03, #07000A)
• Muted Mustard color palette (#FFECF2, #D1AE65, #604975, #3B1B28, #15080D)
• Hushed Corridor color palette (#FFEDEA, #D29E00, #851C45, #3E081C, #130302)
• Aged Aubergine Drift color palette (#F3E5E9, #DFC4C7, #B99B9A, #674281, #1E1116)

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