Olive Summit color palette — #FDF4E3 · #B2BB7C · #688D4C · #66635C · #37352F

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

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B2BB7C): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#688D4C): A full-bodied, balanced green — the color of a quiet forest floor.
• Graphite (#66635C): quiet, heavy and certain.
• Espresso (#37352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Summit 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 Lagoon Studio color palette (#F5F7E5, #79C7A3, #2C9383, #63645C, #343730)
• Emerald Chapel color palette (#FFF5DA, #ACC863, #549A44, #3B7664, #354017)
• Patina Jade color palette (#E9E5D3, #86B562, #3F8252, #465D3F, #2C2B03)
• Cocoa Market color palette (#FFF4E1, #99A071, #466F40, #634500, #37352F)
• Ancient Driftwood color palette (#EDF8F2, #AADDC9, #7E9358, #6B652D, #272B02)
• Wandering Cabin color palette (#E3F5E4, #00C675, #009772, #007265, #004443)
• Hushed Courtyard color palette (#E6F4DE, #32D5B6, #C65C81, #00856F, #4F2734)
• Powdered Emerald color palette (#E2E1C6, #369A4D, #006247, #2D3F12, #001503)

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