Hazy Coast color palette — #FFF2EF · #F195A9 · #B17000 · #B34765 · #241503

A conversation between Magenta Rose and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F195A9): A luminous, balanced red — the color of a theater curtain.
• Ochre (#B17000): A luminous, balanced gold — the color of old brass.
• Magenta Rose (#B34765): A full-bodied, balanced red — the color of embers at dusk.
• Ink (#241503): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged duotone, warm.

Use it as a design system

One click turns Hazy Coast 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

• Washed Plum color palette (#FEF2F3, #DD9BCF, #B76943, #A84499, #271203)
• Rust Thicket color palette (#FCF3EF, #F1B2A9, #A98D24, #C15F54, #2D220D)
• Weathered Plum color palette (#FAF2FC, #FFBAC8, #C87100, #C24167, #0E0106)
• Frosted Emerald color palette (#FEF3EA, #E2A57D, #559332, #AD5600, #1A1A00)
• Gentle Dune color palette (#FFDBD8, #E8947C, #BD6C27, #744F00, #362D00)
• Weathered Bronze color palette (#FEECD0, #DE8773, #A16B00, #006169, #352F2A)
• Moss Meadow color palette (#F7F3FE, #FFABE1, #ADA800, #CE70AF, #031E14)
• Muted Mulberry color palette (#FFF1F1, #C77FA7, #596500, #8D0065, #1D1803)

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