Lapis Harbor color palette — #CBEFFF · #1489F5 · #5249F1 · #5F1295 · #2B002E

Iris and Plum set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CBEFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1489F5): A luminous, vivid blue — the color of deep harbor water.
• Iris (#5249F1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Plum (#5F1295): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#2B002E): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

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

• Powdered Basin color palette (#D0E4F9, #6870FC, #703EE2, #7D0088, #29001A)
• Weathered Sapphire Veranda color palette (#D2F4FA, #0098CF, #235EEC, #3D1AB1, #1E0030)
• Antique Canyon color palette (#D2E0F1, #5278F0, #4516DD, #27005B, #04000A)
• Grape Thicket color palette (#E2EEFF, #7862DE, #7E28B4, #620056, #170006)
• Indigo Station color palette (#E5E8D9, #00ACA2, #5958E6, #171648, #070005)
• Quiet Lapis color palette (#DBE0FF, #8B93FF, #828702, #4300DA, #101100)
• Soft Aubergine Lantern color palette (#DEDBF4, #AC7BF3, #8F4CCC, #61069B, #03000B)
• Wandering Byzantium color palette (#E8EDFF, #9965F0, #AD09B0, #800058, #2F0008)

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