Hazy Harbor color palette — #C0F8F2 · #34B851 · #FF2A5E · #CC4E37 · #103A17

Scarlet and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#C0F8F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#34B851): A luminous, vivid green — the color of a quiet forest floor.
• Scarlet (#FF2A5E): A luminous, vivid red — the color of a theater curtain.
• Terracotta (#CC4E37): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#103A17): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Energy. Tagged vibrant.

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

• Peony Delta color palette (#D7F6CE, #43B900, #FF187F, #D43871, #1B3911)
• Pale Harbor color palette (#C6EEEE, #17AF7B, #E64E39, #A76623, #063233)
• Frosted Rose Terrace color palette (#E0FBFF, #00AD96, #EF2956, #477500, #013238)
• Hushed Peony color palette (#D9FFF2, #35DFB5, #D94FA5, #CE5A6E, #00291F)
• Feathered Magenta Summit color palette (#F8EBBD, #B89900, #D830F0, #C04D8B, #3B2F02)
• Airy Villa color palette (#E4FAFF, #00BDB7, #DF7B00, #AA7D35, #1E3D44)
• Dusty Canyon color palette (#D6F9E3, #A3C16E, #9D8500, #8C4F00, #133F25)
• Amethyst Alley color palette (#C0F9EB, #009580, #834DD4, #904C00, #003930)

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