Ancient Olive color palette — #F2F3E5 · #488A10 · #00615C · #003E60 · #342B00

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

The five colors

• Cream (#F2F3E5): bright and airy, almost weightless.
• Olive Leaf (#488A10): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#00615C): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#003E60): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#342B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Muted Navy color palette (#EDF5E5, #008C6A, #005E72, #223278, #263000)
• Worn Olive color palette (#F6F2E5, #7D7C00, #006537, #004347, #002D4E)
• Pale Jade Terrace color palette (#DAF4DE, #42B374, #007F59, #005E4B, #00483C)
• Wandering Basin color palette (#FAF5E9, #9D9F68, #5B6B1A, #534C23, #37352F)
• Weathered Moss Canyon color palette (#F6F7E5, #BFC654, #72B700, #008E4D, #33342D)
• Tempered Navy color palette (#E4F0DB, #006752, #003D4C, #05006A, #1F002C)
• Bronze Coast color palette (#F5EDD9, #8A7E00, #005D7E, #5A1041, #29021B)
• Inked Olive color palette (#EDEFDD, #2C7600, #002F13, #141500, #030602)

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