Hazy Pier color palette — #D5F8ED · #A6D056 · #A5A5FF · #7CA034 · #302F5C

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

The five colors

• Honeydew (#D5F8ED): A whisper-light, dusty teal — the color of sea glass.
• Lime (#A6D056): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#A5A5FF): A luminous, balanced violet — the color of twilight just after sunset.
• Moss (#7CA034): A luminous, balanced green — the color of new leaves after rain.
• Navy (#302F5C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Chartreuse Coast color palette (#D9F6F0, #A4E987, #CA99F2, #568F3B, #3F2B50)
• Lime Coast color palette (#F6EFD0, #A5B300, #9A85D9, #707900, #382D56)
• Patina Orchard color palette (#E0F6DE, #FEAB24, #99A9FF, #C48100, #2A315E)
• Pale Olive Pier color palette (#E1FDF2, #B5CB67, #39B7D3, #6D8100, #002E37)
• Feathered Mint color palette (#D8F5F6, #2FDEA5, #E590C8, #2DA97E, #4F2441)
• Orchid Grove color palette (#CFF5EC, #84C62D, #A765FB, #436B00, #250146)
• Faded Sunflower Meadow color palette (#C9EFDD, #CECB34, #CD86AA, #B370C9, #113326)
• Hushed Archive color palette (#E3FAFE, #8CEAD5, #F3AEDA, #68BAA9, #52485F)

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