Misty Harbor color palette — #FFCFE5 · #FF7EB7 · #F30D78 · #B01B48 · #66282D

Fuchsia and Ruby set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFCFE5): A whisper-light, dusty rose — the color of a warm blush.
• Bubblegum (#FF7EB7): A luminous, vivid rose — the color of strawberry cream.
• Fuchsia (#F30D78): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B01B48): A full-bodied, vivid red — the color of a theater curtain.
• Oxblood (#66282D): A deep, shadowed, balanced red — the color of a theater curtain.

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

• Weathered Market color palette (#F3D7DC, #FF8C9B, #FD2A53, #BB2424, #672213)
• Patina Canyon color palette (#FFD8E4, #F17091, #E00054, #980025, #53120F)
• Peony Ridge color palette (#ECD7EA, #FA84E0, #F20FB8, #AE2372, #682841)
• Chalky Corridor color palette (#ECDFED, #FF60C0, #CC136E, #8E1D1E, #693118)
• Misty Peony color palette (#FAF1FF, #FF9AEF, #EB478C, #AF351F, #4F1D00)
• Tempered Crimson Summit color palette (#FFF2EE, #FF8190, #A0A300, #DC004C, #3D3E00)
• Rose Coast color palette (#FCE4E3, #EF473F, #BC2800, #6A2400, #311200)
• Orchid Quarry color palette (#FFE4E3, #FF596A, #B58700, #A74AD6, #501D21)

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