Lapis Harbor color palette — #F3F3E6 · #8BAC6B · #6147CC · #3D6100 · #10020A
Built around Iris, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F3E6): bright and airy, almost weightless.
- Moss (#8BAC6B): A luminous, balanced green — the color of fresh herbs.
- Iris (#6147CC): A full-bodied, vivid violet — the color of wild irises.
- Olive (#3D6100): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#10020A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Energy, 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
- Soft Summit color palette (#EFF4EA, #4AB691, #873DA8, #00654A, #110206)
- Sunlit Pier color palette (#F4F2E8, #96AB4B, #0067AF, #4E5D00, #000906)
- Dusty Bloom color palette (#F2F8E9, #00B57E, #00668D, #005F40, #011E15)
- Weathered Mint Corridor color palette (#E8FAF7, #69CF73, #4681CC, #388541, #0E1925)
- Nightshade Grove color palette (#EFF5E3, #088A51, #3B2BB1, #4D3000, #070B00)
- Airy Nightshade Alley color palette (#EDF0E3, #00913B, #3300BE, #004317, #040002)
- Wandering Violet color palette (#EEF3EE, #8BD2D1, #9F6BB2, #008281, #1F1215)
- Airy Plum color palette (#E5F7EC, #00BADE, #B100A6, #00667B, #1A0005)
Browse the whole catalog at Explore, or see today's palette.