Misty Harbor color palette — #FFE1F2 · #FF80AE · #FF3676 · #C50022 · #591700
Hot Pink takes the lead with Ruby close behind in a set that reads as warmth and comfort at first glance.
The five colors
- Blush (#FFE1F2): A whisper-light, dusty pink — the color of a candy shop window.
- Bubblegum (#FF80AE): A luminous, vivid rose — the color of strawberry cream.
- Hot Pink (#FF3676): A luminous, vivid red — the color of embers at dusk.
- Ruby (#C50022): A full-bodied, vivid orange — the color of autumn markets.
- Espresso (#591700): A deep, shadowed, balanced orange — the color of autumn markets.
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
- Signal Basin color palette (#F6E9F7, #FF81D2, #FC0293, #CC005F, #600017)
- Worn Ember Harbor color palette (#F1DFE3, #FF8990, #FE3820, #B23D00, #582900)
- Linen Dune color palette (#FCE3FF, #FF88D5, #ED065F, #8F2500, #391D00)
- Ember Orchard color palette (#FFE9E5, #FFB3A3, #FF5B3E, #C23200, #390200)
- Gentle Lantern color palette (#F0D6E3, #EE008D, #AD003F, #6A000D, #310700)
- Gentle Coast color palette (#F7DAF6, #FF8F94, #00BDC8, #F71E4E, #003539)
- Gentle Blush color palette (#FFF2EF, #EBD9BD, #F9C966, #F36597, #642503)
- Worn Chapel color palette (#FFD4D4, #FFA291, #FF6823, #C06600, #603A00)
Browse the whole catalog at Explore, or see today's palette.