Olive Pier color palette — #FFF2ED · #E78483 · #89840E · #006C6A · #4C2B42

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#E78483): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#89840E): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#006C6A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#4C2B42): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, 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

• Patina Emerald color palette (#FFF3E9, #D69368, #389744, #006592, #4D294A)
• Powdered Apricot color palette (#FFF0F8, #F1A77C, #9C8A37, #3B6937, #431B2F)
• Soft Bronze Courtyard color palette (#FFF1F1, #D788AF, #AE7200, #206E46, #153C55)
• Hushed Taupe Ridge color palette (#FFF2ED, #E6C0A3, #AF9F75, #67866A, #3B544A)
• Faded Nightshade Basin color palette (#F8F1E3, #AC9500, #00837C, #42429A, #4E1221)
• Misty Amber Orchard color palette (#FFDFCE, #FFA97C, #CF7800, #906210, #47433C)
• Tempered Lagoon color palette (#FBF1FD, #F4A4B0, #6CB27C, #3188A7, #29355D)
• Dusty Ember Ridge color palette (#FAE3D4, #E55900, #567500, #00525B, #2A0063)

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