Lilac Harbor color palette — #FFF1F6 · #F2D2E9 · #C1D4A1 · #A68CC6 · #4F4700

Mauve and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Thistle (#F2D2E9): A whisper-light, dusty pink — the color of a candy shop window.
• Pistachio (#C1D4A1): A whisper-light, dusty green — the color of a quiet forest floor.
• Mauve (#A68CC6): A luminous, balanced violet — the color of wild irises.
• Deep Olive (#4F4700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Patina Periwinkle color palette (#FBF2FB, #DBDAF5, #E8C697, #729CD6, #613E00)
• Timeworn Lilac Study color palette (#FEF1F8, #D0CFFD, #9ED8A2, #A29DEC, #4D4E47)
• Weathered Taupe color palette (#FFF1F0, #FAD2CE, #92DEC0, #C6829F, #444741)
• Softworn Cream color palette (#FFE6F5, #D2DBCC, #BDB5C4, #564142, #2F2727)
• Washed Meadow color palette (#FEF2F1, #CCDFCD, #A57978, #5C3D3C, #221918)
• Timeworn Bronze color palette (#FBF4E8, #D7E3C3, #BFAC86, #9C7134, #484000)
• Antique Ash color palette (#FFF1F4, #EBD8E0, #C3A0CD, #805E85, #411E28)
• Worn Lagoon color palette (#F3F4FF, #BBA3D9, #7FA75A, #8062A2, #2E564D)

Browse the whole catalog at Explore, or see today's palette.