Gentle Lapis Harbor color palette — #F1F5FF · #A4A9FF · #BB9706 · #5B4DDA · #271D00
Iris and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#A4A9FF): A luminous, balanced violet — the color of twilight just after sunset.
- Mustard (#BB9706): A luminous, balanced green — the color of new leaves after rain.
- Iris (#5B4DDA): A full-bodied, vivid violet — the color of wild irises.
- Onyx (#271D00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Gentle 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
- Feathered Grape Ridge color palette (#F2F4FF, #C6B3FF, #8EA000, #7138CB, #1C2100)
- Linen Balcony color palette (#EFF6FF, #79B6FF, #B99906, #0068C5, #261D00)
- Misty Indigo color palette (#DBE4FF, #9BB0FF, #C1B620, #576DF3, #332F00)
- Pale Harbor color palette (#F4F4FF, #DCB3FF, #6BCC22, #995AC7, #173800)
- Fuchsia Quarry color palette (#F6F3FF, #F787F5, #6B9F00, #8B2B8B, #101D00)
- Linen Aubergine color palette (#F4DDE9, #8870E2, #906B00, #5500BE, #1E1400)
- Chalky Iris color palette (#F2F4FF, #8894FF, #A78500, #5E7900, #0C0B33)
- Frosted Ember color palette (#ECF7FF, #74CCFF, #EC4E1C, #0073A3, #3C0A00)
Browse the whole catalog at Explore, or see today's palette.