Misty Pier color palette — #FFF1F2 · #FFCBB6 · #9F4484 · #4F103E · #170002

Built around Magenta Rose, softened by Royal Purple — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Peach Cream (#FFCBB6): A whisper-light, dusty orange — the color of toasted spice.
• Magenta Rose (#9F4484): A full-bodied, balanced pink — the color of a candy shop window.
• Royal Purple (#4F103E): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#170002): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged luxury, dark, warm.

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

• Weathered Station color palette (#FFF2ED, #FFCEA1, #A84841, #501916, #130300)
• Indigo Loft color palette (#FFF0F8, #FFC8CA, #6758BC, #2D2556, #11020B)
• Muted Grove color palette (#FFF1F0, #F5A578, #803057, #2F051C, #050000)
• Sunlit Wisteria color palette (#FFF1F4, #B8DE82, #B56DC4, #7E3A8C, #291318)
• Linen Aubergine Bloom color palette (#F1F0FF, #93B73D, #711989, #300F3A, #080516)
• Quiet Mulberry color palette (#F7F3FF, #E18763, #7E0066, #430936, #1E1727)
• Raspberry Corridor color palette (#FFF2F0, #FFC6DB, #EF574E, #CE3E84, #170400)
• Hushed Garnet color palette (#FFE8E2, #DC8C4C, #720327, #0D1108, #170003)

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