Lapis Harbor color palette — #DFE6F4 · #4E54C4 · #7B4600 · #2F3C00 · #040320
Iris and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DFE6F4): A whisper-light, dusty violet — the color of a velvet chair.
- Iris (#4E54C4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Bronze (#7B4600): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#2F3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#040320): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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
- Muted Indigo color palette (#E1E8FF, #7164C5, #845C00, #2A4F10, #090D25)
- Weathered Terracotta color palette (#C9E5FE, #006AA6, #8E3323, #453300, #000814)
- Airy Aubergine color palette (#E6EAFF, #6229AA, #554000, #00310C, #03000D)
- Muted Byzantium Boulevard color palette (#DEDBF4, #943FAD, #6E3400, #00310E, #000C18)
- Misty Iris color palette (#F1F5FF, #8376E9, #957000, #624900, #07021F)
- Mulberry Atelier color palette (#EEEAFF, #91399A, #565A00, #004035, #120015)
- Mulberry Orchard color palette (#EFD6DE, #7A43A6, #99142E, #214100, #2E0D1B)
- Weathered Violet color palette (#D0EBD5, #9756BF, #831956, #273100, #1D011E)
Browse the whole catalog at Explore, or see today's palette.