Hazy Harbor color palette — #FFF1F6 · #FFAFC8 · #DC6886 · #983E4A · #531D21

Rose and Garnet set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Carnation (#FFAFC8): A whisper-light, balanced rose — the color of pressed rose petals.
• Rose (#DC6886): A luminous, balanced red — the color of a theater curtain.
• Garnet (#983E4A): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#531D21): A deep, shadowed, balanced red — the color of late-summer berries.

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

• Timeworn Coral Garden color palette (#FFF2EE, #FFBFBA, #DC8477, #9E523B, #5F3625)
• Dusty Delta color palette (#F9DEF5, #EE9DC8, #E66A8B, #C84245, #622709)
• Gentle Canyon color palette (#FCEFFF, #EAA0EB, #BD62AB, #8F4172, #42162D)
• Tempered Plum color palette (#EEDCE2, #D97597, #C10955, #8C2136, #5D2F2E)
• Ember Archive color palette (#FFF2EF, #FFC9C0, #C9665F, #80271D, #240001)
• Aged Coast color palette (#FFE7EB, #EF5674, #BF0031, #650009, #200100)
• Gentle Amber color palette (#FFF2ED, #FFB18A, #CF732A, #7F4700, #422600)
• Timeworn Basin color palette (#FFF2EE, #FF9FAE, #8C9FF9, #C24261, #1C234E)

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