Olive Pier color palette — #F7F3FF · #B17CA3 · #6A8B4E · #226C67 · #3F3A48

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

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Dusty Rose (#B17CA3): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#6A8B4E): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#226C67): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3F3A48): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Worn Lagoon Delta color palette (#FDF1FB, #BE7C76, #2F917C, #2A6683, #443943)
• Olive Thicket color palette (#F8F3FC, #B3738C, #457825, #005963, #313646)
• Weathered Terrace color palette (#F3EFFD, #C375B8, #549275, #396A53, #24202E)
• Tempered Iris Hollow color palette (#F2F5FF, #8E85CD, #9E773A, #4B6939, #393C4A)
• Weathered Chapel color palette (#FFF1F4, #C794DB, #58AD9E, #6C8262, #48383C)
• Bronze Atelier color palette (#EDF9EF, #D69299, #A6653B, #06685D, #534150)
• Dusty Driftwood Boulevard color palette (#F8F3F9, #E1D7D9, #B3ACA1, #917798, #555156)
• Washed Brick color palette (#FBE8F9, #C03842, #00725D, #004C64, #30202F)

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