Lapis Harbor color palette — #FFF0F9 · #8980F9 · #868400 · #563FC2 · #3E3D00
A conversation between Iris and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Lavender Blue (#8980F9): A luminous, vivid violet — the color of twilight just after sunset.
- Olive Leaf (#868400): A full-bodied, balanced green — the color of new leaves after rain.
- Iris (#563FC2): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#3E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.
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
- Timeworn Ultramarine Lagoon color palette (#FFF0FC, #658EF5, #A27600, #2247D5, #4D3600)
- Pale Aubergine Basin color palette (#FFF1F6, #B58AF0, #738A00, #6614AA, #354000)
- Grape Lagoon color palette (#FFEBF7, #8D88F8, #8F8600, #5627DC, #242100)
- Linen Hollow color palette (#F0D5E1, #866ACA, #617400, #54259C, #252D00)
- Amethyst Studio color palette (#F2F5FF, #BFB3FF, #B59900, #732BEC, #463A00)
- Softworn Mulberry color palette (#FFF1F3, #C189BF, #569C64, #8A4889, #42433C)
- Soft Azure Grove color palette (#DCFFF1, #29AFF0, #A45B00, #00648D, #592E00)
- Violet Study color palette (#EBE8FF, #8365E2, #B25400, #007159, #31294F)
Browse the whole catalog at Explore, or see today's palette.