Lapis Harbor color palette — #CCE7F9 · #63B7FF · #4686FF · #434EF1 · #2D1B6D

Iris takes the lead with Azure close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CCE7F9): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#63B7FF): A luminous, balanced blue — the color of open sky before noon.
• Azure (#4686FF): A luminous, vivid violet — the color of a velvet chair.
• Iris (#434EF1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#2D1B6D): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Soft Corridor color palette (#DEEEFF, #8BADFF, #767CFF, #763BE8, #491274)
• Weathered Grape color palette (#D5F4F9, #1EB4F8, #147AF9, #5826BE, #4F1163)
• Sapphire Ridge color palette (#C9EDF6, #35C1FD, #009AE3, #006AC6, #132A87)
• Pale Lapis color palette (#E5E5FF, #B5BAFF, #9388FF, #5B49E6, #170056)
• Hazy Ultramarine Field color palette (#DFF2FF, #008DE9, #0048DD, #2500B5, #1E054D)
• Tempered Indigo color palette (#D6E6FF, #95B2FF, #D3AE20, #4C70F3, #392C00)
• Grape Terrace color palette (#DFE7F5, #456CED, #5D3DCF, #490087, #0D001A)
• Dusty Violet color palette (#D5E2FE, #B1B3FF, #A88EFF, #9058C5, #5F2A6A)

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