Lapis Harbor color palette — #E1F1FF · #287DFC · #3F2EF7 · #42209D · #220645
Iris and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E1F1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#287DFC): A luminous, vivid blue — the color of deep harbor water.
- Iris (#3F2EF7): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#42209D): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#220645): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. 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
- Ancient Grape Courtyard color palette (#E1E8F8, #7270F4, #7000EA, #520090, #360542)
- Hushed Nightshade Boulevard color palette (#C5EBFE, #0084D7, #372EC4, #390279, #2E0435)
- Pale Indigo color palette (#D5EAF7, #409BFE, #5569EC, #5C35B3, #2D0041)
- Gentle Lagoon color palette (#DAF3FF, #0090D4, #005BC0, #181DA7, #180E4E)
- Ultramarine Drift color palette (#E6F1FF, #689AFF, #404CCE, #260288, #090028)
- Linen Grape Quarry color palette (#ECE9F7, #9D7AEF, #7130DD, #3E007F, #0E002D)
- Airy Nightshade Lantern color palette (#DDE2F0, #7376E8, #807700, #4432C0, #1E1B00)
- Indigo Courtyard color palette (#E5E5FA, #705ADC, #AA4600, #00684C, #11092E)
Browse the whole catalog at Explore, or see today's palette.