Olive Pier color palette — #FFECF5 · #8E81CB · #868423 · #417633 · #2F1423

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

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Lavender Blue (#8E81CB): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#868423): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#417633): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2F1423): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Olive 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

• Powdered Studio color palette (#FFEDEB, #C17090, #89822A, #547900, #311513)
• Wandering Drift color palette (#FFEDEC, #B3789A, #429359, #00776A, #331314)
• Antique Bronze Dune color palette (#FFEBF9, #7889CD, #B66A10, #9C5800, #2C1527)
• Rust Harbor color palette (#FFF0F8, #887ACE, #C05900, #007B60, #47303C)
• Hushed Bronze color palette (#FFEDEA, #B76C82, #9B691D, #005F59, #2D100C)
• Lilac Workshop color palette (#F1F5FF, #959AF6, #8DA443, #4A9260, #2F374E)
• Gentle Pine Pier color palette (#EFDBD2, #B26256, #008359, #006463, #290604)
• Byzantium Dune color palette (#F7E2F4, #B71AAF, #686A00, #2B5A26, #1E001C)

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