Hazy Harbor color palette — #FDE9EC · #FF758A · #FC2A4C · #BB3B34 · #4A150B
Built around Scarlet, softened by Rose — the whole palette hums with warmth and comfort.
The five colors
- Blush (#FDE9EC): A whisper-light, dusty red — the color of a theater curtain.
- Rose (#FF758A): A luminous, vivid red — the color of embers at dusk.
- Scarlet (#FC2A4C): A luminous, vivid red — the color of late-summer berries.
- Brick (#BB3B34): A full-bodied, vivid orange — the color of toasted spice.
- Espresso (#4A150B): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Warmth, Comfort, Energy. Tagged vibrant, warm.
Use it as a design system
One click turns Hazy 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
- Sunlit Parlor color palette (#F2DEE7, #F177AD, #FD1D86, #B92855, #4A151E)
- Linen Crimson color palette (#FFE5F4, #FF81AE, #DE3A45, #84260B, #2B1200)
- Washed Crimson Bloom color palette (#F1E2EA, #ED628F, #D8003F, #922F00, #4F2400)
- Aged Field color palette (#FFE8E9, #FF9E97, #FF654A, #B44E2A, #5A2B15)
- Quiet Ember Harbor color palette (#FFD6C9, #FFA386, #F9541C, #AC3A0B, #2E0800)
- Faded Scarlet color palette (#F0D4EA, #FF867A, #86B300, #EA2A2A, #202F00)
- Mulberry Harbor color palette (#EFE3EF, #C95185, #9D0427, #541C00, #1E1000)
- Wandering Station color palette (#F6E5EE, #FB6E05, #979D00, #C25BA3, #381200)
Browse the whole catalog at Explore, or see today's palette.