Lapis Harbor color palette — #EDE4C8 · #888400 · #584BE8 · #4B4900 · #0D0638

Iris takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EDE4C8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#888400): A full-bodied, balanced green — the color of a quiet forest floor.
• Iris (#584BE8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4B4900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#0D0638): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Lapis 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

• Hazy Pier color palette (#E5E6D1, #5BA422, #463ADA, #285300, #0B033E)
• Quiet Bronze Lantern color palette (#F7EDE1, #A77400, #0072AA, #5E4000, #001423)
• Aubergine Loft color palette (#E9E6C8, #67871E, #6C0099, #2C3D00, #10001A)
• Indigo Courtyard color palette (#C9E6D6, #BAAC28, #775FCF, #6F6500, #291E51)
• Antique Ultramarine Station color palette (#FAECD0, #7D6A00, #343CE6, #7B0A80, #100900)
• Orchid Loft color palette (#F1E9D3, #A09323, #B249B6, #5F5600, #2B0E2C)
• Hushed Grape color palette (#DBE5CD, #26A675, #8A00B6, #005437, #1F002D)
• Olive Villa color palette (#E9DEB7, #858400, #007983, #4D4C00, #002F34)

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