Lapis Harbor color palette — #D2E4D7 · #C98224 · #5134EB · #050023 · #060004

Iris takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Bone (#D2E4D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#C98224): A luminous, balanced gold — the color of old brass.
• Iris (#5134EB): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#050023): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#060004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, 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

• Byzantium Cabin color palette (#D6E7E1, #B27400, #8C1AFF, #150015, #050002)
• Ultramarine Pier color palette (#E3E3C9, #D07D24, #0061B7, #09081A, #040004)
• Linen Thicket color palette (#CDEADA, #D76C00, #9758FF, #291948, #010109)
• Dusty Byzantium Harbor color palette (#D9EBED, #74A625, #9F00A3, #1B020B, #060001)
• Orchid Boulevard color palette (#E0EADE, #BCC72C, #9D62EC, #281144, #240A17)
• Washed Grove color palette (#D2ECFF, #CA005C, #9200BC, #17030E, #010007)
• Aged Ridge color palette (#DEEFFF, #F82053, #BF00E4, #1A0321, #060001)
• Patina Grove color palette (#F7EDEE, #BDA29E, #A37167, #600057, #1F0E10)

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