Hazy Harbor color palette — #F9D7CF · #778000 · #005855 · #530038 · #011301

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

The five colors

• Shell Pink (#F9D7CF): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#778000): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005855): A full-bodied, dusty teal — the color of sea glass.
• Mulberry (#530038): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#011301): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged retro.

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

• Pine Archive color palette (#FFEAE3, #318E3E, #00556A, #590012, #061200)
• Airy Aubergine color palette (#FFE3D3, #9B7000, #005C36, #46005B, #0F0F00)
• Olive Villa color palette (#F4DAB2, #318E00, #005A4D, #451B60, #002D14)
• Antique Forest color palette (#F3EDE0, #7C9867, #00654A, #453800, #141300)
• Tempered Aubergine color palette (#E8E2CC, #6E7000, #4B1AA9, #4E0020, #1D0008)
• Quiet Courtyard color palette (#F5D1F2, #7FA100, #00787D, #6F2661, #002B29)
• Pale Clover color palette (#E2FEE7, #69B951, #007C6C, #532571, #001808)
• Cellar Pier color palette (#FCDED1, #006542, #00334B, #2E0001, #000202)

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