Lapis Harbor color palette — #FFF0F9 · #444FE8 · #6A3200 · #1B3200 · #000102

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Iris (#444FE8): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#6A3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#1B3200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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

• Pale Violet color palette (#FFEDF3, #9355D2, #911400, #212900, #000203)
• Washed Garnet Market color palette (#E4FBF3, #0075C2, #920020, #2C2300, #000201)
• Hushed Garden color palette (#FFF1F5, #9A1ED2, #574000, #003022, #000201)
• Twilit Grape Courtyard color palette (#FFDFEB, #6200BC, #452D00, #00220C, #000103)
• Tempered Dune color palette (#FFEBCC, #966FE1, #91007B, #2F2D00, #080010)
• Quiet Harbor color palette (#F9E5F1, #696FFF, #876700, #6D5300, #030600)
• Inked Denim color palette (#E0F3FF, #00566F, #2F2C00, #002308, #000A0A)
• Aubergine Terrace color palette (#DEDCFB, #680086, #5D001F, #1F1D00, #000103)

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