Olive Pier color palette — #F7F6E9 · #A6CCA9 · #728C4B · #75605F · #4B5302

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#A6CCA9): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#728C4B): A luminous, balanced green — the color of fresh herbs.
• Graphite (#75605F): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#4B5302): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Chestnut color palette (#F7F6E8, #97BB94, #4E8066, #804B19, #424700)
• Wandering Meadow color palette (#F4F2E6, #C1C7A9, #768A67, #75595D, #30322B)
• Washed Sand Ridge color palette (#FFF3E3, #EFC784, #997C45, #62491A, #3C3831)
• Bronze Workshop color palette (#FEF3E7, #DCE3C8, #C2CCD8, #AF7548, #644700)
• Ash Hollow color palette (#EBF9F4, #B4DAD6, #76A5AA, #7F7993, #395350)
• Hushed Apricot color palette (#FEF3E8, #DDA260, #729DC7, #92693C, #33554D)
• Taupe Studio color palette (#FBF5E6, #93A366, #496E3F, #514945, #37362F)
• Linen Cabin color palette (#F1E3C9, #91921D, #435F10, #5B2F2F, #312807)

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