Lilac Harbor color palette — #F3F4FF · #AB8BE1 · #A68C4F · #4B7C52 · #2E3049

Wisteria and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#AB8BE1): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#A68C4F): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4B7C52): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2E3049): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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 Boulevard color palette (#FFF1F6, #BFA0F6, #BD983F, #3C8455, #321D26)
• Dusty Corridor color palette (#F4F4FF, #B17EC7, #88771F, #156A50, #1F2F41)
• Worn Ridge color palette (#F6F3FE, #CF95C4, #92A470, #4D877D, #3F3A4B)
• Ancient Periwinkle color palette (#EEF6FF, #62A2E9, #C17B5E, #75722E, #223448)
• Antique Mallow Balcony color palette (#E8FBEB, #DB97CC, #B96D73, #3E7140, #453650)
• Washed Mustard color palette (#FDF0FD, #8CBBFF, #C1AE3F, #2D9FBA, #3D2C3D)
• Softworn Magenta Bloom color palette (#FAD7FF, #D955ED, #616E00, #006853, #2F1034)
• Antique Hollow color palette (#FBE7FB, #D9656F, #1E966D, #006990, #321E33)

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