Lilac Harbor color palette — #F2F5FF · #9F91D1 · #A57F58 · #47704C · #26333D

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Mauve (#9F91D1): A luminous, balanced violet — the color of twilight just after sunset.
• Caramel (#A57F58): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#47704C): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#26333D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Mallow Harbor color palette (#F5F4FF, #C8A0D6, #AD8166, #487550, #28455F)
• Washed Amber color palette (#FCF2F7, #ABAAF1, #BF8230, #527449, #1A2922)
• Wandering Courtyard color palette (#F6F3FF, #BE86B4, #878C4D, #15797A, #2A3140)
• Driftwood Cabin color palette (#EDF6FF, #79AFD3, #BB7578, #74692A, #223A3D)
• Wandering Station color palette (#F6F4FC, #A77AA1, #8A506C, #1F6024, #2E3041)
• Quiet Orchid Veranda color palette (#F4F4FF, #AF5DD5, #967100, #006644, #0C233D)
• Weathered Coral Market color palette (#FCF2F7, #BAAFEA, #DE8C72, #569C84, #3F2E37)
• Ash Workshop color palette (#F4F4FC, #DDD8DD, #BCADAF, #9698B8, #51525C)

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