Misty Harbor color palette — #FFECF1 · #FFCDD8 · #FF94A7 · #6B62AC · #3F1B23

A conversation between Ballet Pink and Slate, giving this palette its sense of creativity and warmth.

The five colors

• Blush (#FFECF1): A whisper-light, dusty rose — the color of pressed rose petals.
• Shell Pink (#FFCDD8): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#FF94A7): A luminous, balanced red — the color of embers at dusk.
• Slate (#6B62AC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#3F1B23): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged pastel, light, warm.

Use it as a design system

One click turns Misty Harbor 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

• Denim Corridor color palette (#FBDAFF, #F0ABCA, #DA8F8D, #65508D, #341117)
• Worn Apricot color palette (#FFEDEA, #FFD0CD, #ECA273, #905685, #3F151C)
• Shell Grove color palette (#F4F4FF, #FFD6F3, #FFA49F, #5968AB, #433C5F)
• Aged Delta color palette (#FFEBFB, #DBD7FF, #DDAFEC, #3A83B0, #2A2A4C)
• Chalky Blush color palette (#EED9D9, #F88397, #C46739, #683B6B, #1E0402)
• Lilac Orchard color palette (#F5F4FF, #F1D5DA, #F7AECE, #A681C9, #593759)
• Azure Canyon color palette (#FFF0F8, #E5D5D5, #A0B9AB, #6095D5, #493251)
• Tempered Terrace color palette (#FFEEE6, #DED7C6, #C4C49E, #A17971, #5C2D00)

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