Misty Pier color palette — #ECD8F1 · #DB62FC · #FD2A56 · #745F00 · #210100

Built around Scarlet, softened by Pink Orchid — the whole palette hums with nature and growth.

The five colors

• Thistle (#ECD8F1): A whisper-light, dusty pink — the color of peonies in June.
• Pink Orchid (#DB62FC): A luminous, vivid pink — the color of neon signs at night.
• Scarlet (#FD2A56): A luminous, vivid red — the color of embers at dusk.
• Olive (#745F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#210100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Energy. Tagged candy, vibrant, light.

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

• Hushed Rose Grove color palette (#E4D9EF, #B48CFF, #FB1A74, #8A5400, #180002)
• Frosted Magenta Cabin color palette (#EBDCE7, #FA43D9, #E24700, #667400, #140500)
• Fuchsia Coast color palette (#FFF2EE, #FF6FEF, #FB4B52, #996500, #040000)
• Peony Balcony color palette (#FDE3DC, #E400B4, #D40048, #6B3900, #180000)
• Timeworn Peony Drift color palette (#F6DAE3, #FF5FAE, #C57800, #007B21, #0D0800)
• Misty Meadow color palette (#E1DBEF, #7799FF, #E100E1, #A53F00, #18000F)
• Tempered Coral Workshop color palette (#FFE6FD, #FF7DA8, #FF5C61, #DB5000, #1D0000)
• Faded Mallow Alley color palette (#FFF0FE, #FE9FF9, #FF827A, #9D8D00, #3E2000)

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