Hazy Lime color palette — #FFF0F8 · #C4BBFF · #5EE34C · #8F72F3 · #13470B

Built around Lime, softened by Amethyst — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#C4BBFF): A whisper-light, balanced violet — the color of a velvet chair.
• Lime (#5EE34C): A luminous, vivid green — the color of a quiet forest floor.
• Amethyst (#8F72F3): A luminous, vivid violet — the color of twilight just after sunset.
• Forest (#13470B): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Lime Courtyard color palette (#FFF1F6, #D7B6FF, #8DC438, #945DCA, #223500)
• Magenta Studio color palette (#FFF1F4, #F5C6FF, #36DA55, #BC44D4, #0B4716)
• Cornflower Grove color palette (#FFF0FC, #ACC4FF, #DBC222, #5F84F3, #443B00)
• Pale Mint color palette (#FFF1F2, #F6B3E2, #00DBC3, #CC82B7, #134D44)
• Hushed Byzantium Grove color palette (#F4D5DA, #F29FF8, #84B403, #A92BB3, #202F00)
• Aubergine Bloom color palette (#EFF1FF, #BA8FF2, #619100, #6A10AD, #162600)
• Faded Magenta color palette (#FFF1F3, #80EA9D, #C35FCA, #744A76, #2B1117)
• Clover Corridor color palette (#FFF2EE, #FFAAAF, #00DB59, #FA536D, #004818)

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