Lapis Harbor color palette — #E4F5FF · #00D5AA · #00A9D9 · #5A4DF0 · #00121E
Built around Iris, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#E4F5FF): A whisper-light, dusty blue — the color of deep harbor water.
- Aqua (#00D5AA): A luminous, balanced teal — the color of glacier melt.
- Cyan (#00A9D9): A luminous, balanced blue — the color of deep harbor water.
- Iris (#5A4DF0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#00121E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, 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
- Amethyst Dune color palette (#E6F4FF, #00CECB, #139FF7, #853FFF, #00122C)
- Misty Lime color palette (#C6FFF8, #32E254, #00B0AE, #0074B8, #001217)
- Weathered Petrol Harbor color palette (#E8F8FF, #00CEE4, #00A2CC, #006CB4, #003246)
- Sunlit Iris Veranda color palette (#DCFFE9, #00EDC0, #00C3E5, #8E79FF, #003247)
- Linen Indigo color palette (#DBE3FF, #0CADF2, #7166FF, #A10067, #0A0011)
- Pale Byzantium color palette (#DEECFF, #00CCF2, #5D99FF, #9845A6, #130230)
- Patina Pier color palette (#E9F3FF, #4AE8FE, #5DADFF, #BE4FD9, #0C1445)
- Petrol Villa color palette (#FDECF8, #70CCD2, #007E9C, #00543A, #001C31)
Browse the whole catalog at Explore, or see today's palette.