Sunlit Harbor color palette — #D9E6CB · #EAC12E · #7786EC · #2F2646 · #161B26
Built around Saffron, softened by Lavender Blue — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D9E6CB): A whisper-light, dusty green — the color of fresh herbs.
- Saffron (#EAC12E): A whisper-light, balanced green — the color of a quiet forest floor.
- Lavender Blue (#7786EC): A luminous, balanced violet — the color of wild irises.
- Deep Indigo (#2F2646): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Midnight (#161B26): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Sunlit 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
- Frosted Lilac Summit color palette (#DAECCF, #FFA05F, #A18FF0, #2C3250, #1E2029)
- Hazy Meadow color palette (#ECF1D0, #FFB459, #009FCB, #1E2F48, #091E29)
- Chalky Chartreuse Boulevard color palette (#68FEE3, #BBE873, #AD8AEC, #483954, #292B3A)
- Aged Lilac color palette (#E4F5E7, #FF7773, #9B7EFF, #2D0E20, #12060D)
- Softworn Turquoise Market color palette (#F2DCC9, #57DAFF, #00B2D7, #3E594A, #141F19)
- Chalky Lilac color palette (#CBEEF2, #00CA84, #9B7FFF, #230054, #0F132A)
- Gentle Orchid Drift color palette (#1CFDFC, #35E7A2, #AC6CEC, #2E1942, #1A1B24)
- Lapis Harbor color palette (#D5F3EC, #69BC28, #5954EB, #200431, #03071B)
Browse the whole catalog at Explore, or see today's palette.