Hazy Harbor color palette — #F0E8CD · #CDBF6A · #A59B00 · #7C8500 · #394300

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

The five colors

• Parchment (#F0E8CD): A whisper-light, dusty green — the color of a quiet forest floor.
• Honey (#CDBF6A): A luminous, balanced green — the color of a quiet forest floor.
• Moss (#A59B00): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#7C8500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#394300): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Bronze Coast color palette (#D6EFE3, #BDC79A, #A0A364, #867B36, #003A2F)
• Washed Moss Drift color palette (#C4F2E0, #C6D78F, #95B75C, #639C41, #2A4D26)
• Softworn Amber Grove color palette (#F5E1D2, #E9AD6F, #D68D00, #966900, #513C00)
• Worn Amber color palette (#EDE2C5, #B29800, #6F6400, #434400, #1D2200)
• Soft Lime Corridor color palette (#D8FFF3, #BEDA93, #92B646, #668200, #1C2900)
• Hazy Moss Canyon color palette (#DFF5EA, #C3C473, #F48E9C, #999700, #591F2A)
• Dusty Moss Cabin color palette (#DCE5CF, #64A000, #277E00, #066012, #001E0C)
• Airy Amber color palette (#C7EFE2, #9EBB63, #00BDB6, #D57C2C, #003429)

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