Lilac Pier color palette — #F3F4FF · #B294DA · #868535 · #146688 · #053D54

Built around Mauve, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#B294DA): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#868535): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#146688): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#053D54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Lilac Pier 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

• Antique Periwinkle Study color palette (#EEF6FF, #6AABE4, #B06D4B, #006C6B, #004141)
• Tempered Balcony color palette (#FCF1FF, #E1849B, #00948A, #00668B, #003E55)
• Ancient Lagoon Canyon color palette (#FBF2F8, #C8EBFE, #7DA9D4, #3C8B75, #3B4763)
• Aged Quarry color palette (#F5F3FF, #D6BCDA, #8AA189, #597A8C, #3B5361)
• Washed Peony Pier color palette (#FFF2F0, #BB6C8C, #7E5D0D, #005541, #1E385D)
• Pale Amber Studio color palette (#F9F2FC, #FB9CC2, #CB9517, #159271, #213956)
• Hushed Lagoon Balcony color palette (#EEF8F0, #BCCB9E, #6D9C7F, #6D6F8B, #2E4941)
• Aubergine Terrace color palette (#F6F3FF, #D57DD6, #65890A, #4F2AA5, #4C144D)

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