Misty Pier color palette — #F0D8D9 · #FF5367 · #E31226 · #9D250D · #330D00

Crimson and Watermelon set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F0D8D9): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#FF5367): A luminous, vivid red — the color of embers at dusk.
• Crimson (#E31226): A full-bodied, vivid orange — the color of autumn markets.
• Burnt Sienna (#9D250D): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#330D00): A deep, shadowed, dusty 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

• Wandering Crimson color palette (#FBE8EE, #FF408A, #E50A60, #992539, #3C0004)
• Worn Workshop color palette (#FFDDE9, #F61962, #B31300, #632A00, #2F1A00)
• Powdered Harbor color palette (#F5D9D4, #FA5A23, #C25100, #8C4000, #2D1400)
• Misty Drift color palette (#FEE3F6, #FE623B, #9A71EF, #C73302, #200B40)
• Timeworn Garnet color palette (#F7E8F3, #B13669, #900505, #3D1A00, #150A00)
• Timeworn Bloom color palette (#FADDCF, #DC6500, #818C00, #AF498C, #220900)
• Misty Marigold Hollow color palette (#F8D2E5, #FFBF87, #DCA846, #B86952, #351625)
• Pale Field color palette (#F7DDD1, #FE8A27, #D77A00, #955D00, #422A00)

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