Lapis Harbor color palette — #E8F8FF · #57D854 · #00A2B0 · #3B46FF · #00313C
Iris and Lime set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Lime (#57D854): A luminous, vivid green — the color of a quiet forest floor.
- Cerulean (#00A2B0): A luminous, balanced blue — the color of open sky before noon.
- Iris (#3B46FF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Forest (#00313C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Chalky Lime Corridor color palette (#E4FAFF, #9CC600, #00A78D, #0061CD, #002E38)
- Linen Byzantium Study color palette (#E8F8FF, #00E094, #00A6C4, #8B00EC, #002D47)
- Worn Cobalt color palette (#DEFAE6, #00E2B7, #00B3C0, #007BD0, #00141C)
- Washed Indigo Station color palette (#D1E1FE, #00AEA9, #426CFC, #90006F, #200546)
- Misty Azure Ridge color palette (#DCFCFF, #00EDCA, #00CCDF, #1E97FB, #002C38)
- Faded Byzantium color palette (#ECF7FF, #7AF0B1, #14BFF9, #B007EF, #00335E)
- Pale Byzantium Harbor color palette (#EEF6FF, #00D1AF, #3396FE, #A700B3, #19226C)
- Tempered Mustard color palette (#D3FFFE, #EBB600, #00B073, #007C9C, #002F23)
Browse the whole catalog at Explore, or see today's palette.