Hazy Harbor color palette — #FDE3D9 · #BF474B · #6E6700 · #4C3375 · #1F0802

Built around Brick, softened by Royal Purple — the whole palette hums with nature and growth.

The five colors

• Rose Water (#FDE3D9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#BF474B): A full-bodied, balanced orange — the color of toasted spice.
• Olive (#6E6700): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#4C3375): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1F0802): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, 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

• Chalky Bronze color palette (#F8E5D7, #AD5C27, #4E7127, #63295E, #1D0B00)
• Plum Drift color palette (#FAE3E1, #AF4D81, #895900, #223E85, #210607)
• Washed Fern Parlor color palette (#FFE7F0, #A25D18, #3F701F, #004B66, #3B1E03)
• Tempered Market color palette (#F5E7D1, #B47D34, #6E5900, #00442F, #231400)
• Hazy Garnet Courtyard color palette (#FEF0D7, #967800, #007D69, #861334, #1A1300)
• Patina Chestnut Loft color palette (#F7F0EB, #D9D6C9, #C4B4A2, #8D5530, #261F19)
• Timeworn Terracotta color palette (#FCEFE8, #E38167, #8E5500, #982600, #0D0500)
• Weathered Coast color palette (#FEEFE1, #C08753, #9077A5, #7B4C6D, #2B2016)

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