Misty Harbor color palette — #F9E3F9 · #D5518C · #AF0025 · #571C00 · #251500

Garnet and Hot Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F9E3F9): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#D5518C): A luminous, vivid rose — the color of pressed rose petals.
• Garnet (#AF0025): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#571C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#251500): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Linen Rose color palette (#FFE6EE, #E53B6D, #A80024, #750C00, #4A1900)
• Mulberry Garden color palette (#EAD6F5, #B958AD, #9E004D, #620108, #2A1100)
• Softworn Studio color palette (#FCE5F6, #FA559B, #CE2A3B, #813500, #412800)
• Powdered Chapel color palette (#FFE8EF, #C10C3C, #7F2700, #381E00, #110A00)
• Aged Garnet Bloom color palette (#F6E2F6, #C65562, #007791, #860029, #00151C)
• Coral Summit color palette (#FFE9E0, #E17556, #8B3900, #4C1100, #0C0100)
• Ember Alley color palette (#FAD5D4, #D36013, #7B4A00, #423200, #191A00)
• Tempered Brick color palette (#EADDE8, #BA3330, #006983, #274970, #1E0001)

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