Misty Pier color palette — #EFDEE6 · #E3658F · #D3004D · #900604 · #591C02

Built around Rose Red, softened by Garnet — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#EFDEE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Hot Pink (#E3658F): A luminous, vivid red — the color of a theater curtain.
• Rose Red (#D3004D): A full-bodied, vivid red — the color of late-summer berries.
• Garnet (#900604): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#591C02): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, 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

• Misty Scarlet color palette (#EADADD, #F26668, #D11200, #823200, #472500)
• Feathered Study color palette (#F7E8F4, #E064B1, #DA007B, #95033A, #4E0E0E)
• Wandering Crimson Study color palette (#FFD7E1, #FB7C95, #D64156, #910E21, #390200)
• Dusty Corridor color palette (#E9D8E7, #E3706F, #00999D, #B41F30, #003031)
• Soft Rust color palette (#F0DDD9, #C04F00, #854400, #462900, #1C1200)
• Mustard Workshop color palette (#FFE1FA, #FFCDB1, #D0AA56, #B36273, #47263B)
• Muted Magenta color palette (#EAE4FA, #C47BE0, #BC2CC0, #881E6D, #4C1B35)
• Worn Summit color palette (#EADDE7, #E84033, #00933E, #3E5AD6, #37120E)

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