Olive Pier color palette — #F5F6EE · #CBD7B1 · #76A892 · #7C843D · #45540B

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Pistachio (#CBD7B1): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#76A892): A luminous, dusty teal — the color of shallow lagoons.
• Olive Leaf (#7C843D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#45540B): A full-bodied, balanced green — the color of a quiet forest floor.

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

• Timeworn Delta color palette (#F6F6EB, #BBC79F, #728969, #70681B, #46540A)
• Olive Basin color palette (#EAE5CF, #99AE76, #4C8223, #346141, #2E2A08)
• Weathered Boulevard color palette (#F5F6EF, #CAE4E1, #7FBCCF, #499496, #375145)
• Hushed Lagoon color palette (#E3E8DA, #219977, #006153, #004142, #00140D)
• Lilac Lantern color palette (#E6FBF2, #7BBAE0, #B194DE, #5EA28B, #314840)
• Antique Moss Market color palette (#FDF5DF, #B9C17E, #739400, #4B7645, #3C3B34)
• Washed Stone Courtyard color palette (#ECF9F0, #8CD1E0, #AFB96C, #2E9CB0, #4F4D46)
• Dusty Hollow color palette (#DEFEEF, #AFE5FF, #46A7D2, #276E8B, #143D2E)

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