Lilac Harbor color palette — #FFF4E2 · #9FCBFF · #A799DE · #AA7442 · #4A3546
A conversation between Mauve and Mocha, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#9FCBFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Mauve (#A799DE): A luminous, balanced violet — the color of wild irises.
- Mocha (#AA7442): A luminous, balanced gold — the color of old brass.
- Charcoal (#4A3546): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Lilac 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
- Weathered Corridor color palette (#FFF4E2, #CBCAFE, #C99DC9, #9B8A64, #574049)
- Muted Periwinkle color palette (#FFF4E2, #80D5F1, #83A5E0, #A97167, #26443A)
- Softworn Harbor color palette (#FCF1FB, #98BFFF, #CB89A1, #907B37, #00423D)
- Dusty Periwinkle color palette (#F2DEEC, #91A3FA, #856573, #53454F, #1B161C)
- Washed Sky Corridor color palette (#FDF5DC, #5DC0E0, #8D79BA, #686631, #4A344D)
- Powdered Veranda color palette (#F8E2B4, #9AAAFF, #BC5CE3, #886600, #2A1E52)
- Soft Corridor color palette (#FFF4E2, #D7AAFF, #E171AE, #748400, #4A244F)
- Turquoise Veranda color palette (#FAF4EC, #C0EBF0, #A2BFED, #5DA3B9, #5C3B53)
Browse the whole catalog at Explore, or see today's palette.