Olive Grove color palette — #F7EED7 · #ABA55A · #648426 · #006264 · #32302A

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7EED7): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ABA55A): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#648426): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006264): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#32302A): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Emerald color palette (#FAF5E4, #A5BB82, #569860, #006F86, #3D3E37)
• Timeworn Mustard Canyon color palette (#DFFEEA, #D1B62C, #778734, #005E5B, #05291B)
• Sunlit Garden color palette (#FDECD1, #D49054, #977011, #006738, #442A05)
• Ancient Pier color palette (#F6F7E4, #9CBF9C, #4C9166, #726221, #35362F)
• Frosted Fern color palette (#E7E1CD, #7D8900, #296900, #004048, #111900)
• Soft Amber Study color palette (#FFEBD4, #B47800, #3D6800, #462F74, #33302A)
• Clover Garden color palette (#DDECBD, #2DB54F, #008264, #00527D, #003219)
• Ancient Mustard color palette (#DDF7DD, #F3AA00, #72A954, #726DA1, #1B3729)

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