Hazy Harbor color palette — #FAF4EB · #B69537 · #376E00 · #624C00 · #191907

Olive and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Mustard (#B69537): A luminous, balanced gold — the color of honey in a jar.
• Olive (#376E00): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#624C00): A full-bodied, balanced gold — the color of old brass.
• Ink (#191907): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Wandering Pine Canyon color palette (#F8F5ED, #B6B365, #3B8136, #676300, #242614)
• Dusty Loft color palette (#F6F6E9, #7AAA56, #006F4E, #335C00, #131C05)
• Quiet Coast color palette (#FCEFE4, #D68D4A, #00784D, #7D4500, #040800)
• Antique Fern Terrace color palette (#F7EED5, #838F1A, #296C00, #004952, #31312A)
• Hushed Olive Basin color palette (#E9E9AA, #8FA048, #4E7100, #144E00, #003816)
• Aged Moss Orchard color palette (#F9F6E4, #E3CC2F, #9DAE00, #3E8A2B, #312D06)
• Antique Olive color palette (#F2F0DC, #5C7300, #004040, #212B00, #010200)
• Apricot Terrace color palette (#FFF1F6, #F39E47, #00967E, #A45E00, #061C1F)

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