Hazy Pine Harbor color palette — #F7F3FF · #DD99CC · #BC9851 · #02894F · #291F38

Fern and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Mauve (#DD99CC): A luminous, balanced pink — the color of neon signs at night.
• Mustard (#BC9851): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#02894F): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#291F38): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Wandering Olive color palette (#F6F3FF, #D69AD7, #D18973, #6F7A21, #262038)
• Muted Moss Workshop color palette (#F8F2FF, #DB9BC4, #9AA652, #008289, #291F35)
• Weathered Bronze color palette (#F9F2FF, #D691B5, #AC7936, #006E5E, #18172C)
• Emerald Thicket color palette (#FFF0FA, #DB8367, #38A15E, #0062A8, #220C1C)
• Timeworn Market color palette (#E7FBF1, #E6BAED, #C37B7B, #00707D, #382B45)
• Moss Studio color palette (#FEF0FF, #FE7186, #65A708, #007291, #360611)
• Antique Quarry color palette (#E7FAF2, #5BC6FE, #A2B95C, #5AA274, #1F3930)
• Worn Violet color palette (#FFF1F5, #9865C9, #567D4A, #3E5C35, #3F2D33)

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