Lapis Harbor color palette — #D7F1E1 · #998700 · #574DFF · #574D00 · #0F004C

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

The five colors

• Honeydew (#D7F1E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#998700): A luminous, balanced green — the color of a quiet forest floor.
• Iris (#574DFF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#574D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#0F004C): 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

• Chalky Sapphire Field color palette (#D7ECDA, #A97E00, #0071D1, #614700, #001631)
• Lapis Bloom color palette (#F2E1E8, #D97921, #3344ED, #743B00, #070050)
• Linen Violet color palette (#F6E2BA, #CEAD29, #805AEC, #7D6700, #311967)
• Worn Lapis color palette (#E6E5C8, #7C7400, #542AFB, #5D00CB, #110F00)
• Byzantium Alley color palette (#D3FCF1, #87BA3C, #A739C2, #456700, #350540)
• Wandering Byzantium color palette (#D2E5E2, #4AA641, #93129B, #0E5608, #230025)
• Worn Amber color palette (#F7E3EA, #C16F00, #00818C, #703E00, #001A1D)
• Powdered Bronze Parlor color palette (#EDE7B7, #968600, #008084, #594F00, #003537)

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