Lapis Harbor color palette — #F1F5FF · #C3CCFF · #D7822E · #555BB7 · #100106
Iris and Mustard set the tone — five colors that lean into optimism and creativity.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lilac Frost (#C3CCFF): A whisper-light, dusty violet — the color of a velvet chair.
- Mustard (#D7822E): A luminous, balanced gold — the color of afternoon light on wheat.
- Iris (#555BB7): A full-bodied, balanced violet — the color of wild irises.
- Ink (#100106): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Creativity, Balance. Tagged duotone.
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
- Gentle Grape Alley color palette (#F2F4FF, #D3C6FF, #B29824, #7050B3, #000803)
- Sapphire Field color palette (#EFF6FF, #B9D0FF, #D16168, #4670D3, #0C020C)
- Washed Amber Corridor color palette (#F5F4FF, #ECBAFF, #C5720F, #9659AC, #0E0206)
- Amber Meadow color palette (#F3F4FE, #EDD2EA, #C89338, #937AC6, #09160A)
- Dusty Byzantium color palette (#F5F3FF, #F0A0FF, #8D8000, #A603BF, #020200)
- Muted Studio color palette (#F0F5FF, #909FF0, #996D0E, #00516D, #001F2C)
- Airy Studio color palette (#FEF1F6, #D5BEF6, #F2719D, #B469FF, #27110F)
- Hazy Coast color palette (#F0F1FD, #B08CDD, #B3214A, #6A339E, #0D020F)
Browse the whole catalog at Explore, or see today's palette.