Lapis Harbor color palette — #CBF1FF · #00AAE7 · #1174F5 · #4712F1 · #3C1182
Iris and Sapphire set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CBF1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00AAE7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Sapphire (#1174F5): A full-bodied, vivid blue — the color of open sky before noon.
- Iris (#4712F1): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#3C1182): A deep, shadowed, vivid violet — the color of twilight just after sunset.
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
- Neon Workshop color palette (#DDF1FF, #5BA9FF, #4A5EFF, #5E00CA, #4F136C)
- Quiet Cornflower color palette (#E5F9FF, #5CBCFF, #0F80F5, #4938BC, #2A0657)
- Linen Chapel color palette (#C8E6FD, #008DEF, #0057C1, #0021BD, #1D2376)
- Soft Navy color palette (#DDEFF2, #00AFD0, #0086BB, #0055A5, #251784)
- Nightshade Lantern color palette (#E6EAFF, #9FA9FF, #5B68FF, #3200C7, #110059)
- Misty Nightshade Bloom color palette (#D5EDFE, #336BCE, #321BB9, #33005F, #180023)
- Dusty Courtyard color palette (#D6E8FF, #86A8FF, #8C71FF, #8929C7, #5B215A)
- Ultramarine Bloom color palette (#D6E6FF, #81B0FF, #A98700, #004CCB, #392C00)
Browse the whole catalog at Explore, or see today's palette.