Ancient Olive color palette — #E6F7ED · #7EAC98 · #5D6C27 · #673639 · #002317

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

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#7EAC98): A luminous, dusty teal — the color of sea glass.
• Olive (#5D6C27): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#673639): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#002317): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Ancient Olive color palette (#E8F5EF, #97BDB0, #657F4B, #75473E, #102E25)
• Forest Bloom color palette (#D2EBE5, #6DA568, #006E36, #612E00, #021C01)
• Patina Veranda color palette (#E6F6F2, #88AB83, #2D7545, #005059, #00221E)
• Worn Fern color palette (#FDF4E7, #A09F62, #4A6F2B, #4D436D, #37352F)
• Washed Moss Field color palette (#EEF8EF, #D4D49E, #729758, #655A8D, #0C2F22)
• Brick Terrace color palette (#F2E4F0, #C47976, #718700, #A2001F, #191F00)
• Ancient Garnet Summit color palette (#D5EDDE, #7C7D3C, #3E4A00, #55000E, #080800)
• Antique Coast color palette (#E8F5F2, #AACED9, #118C95, #005C51, #00262C)

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