Ancient Olive color palette — #F5F3DF · #9BAD68 · #9280C6 · #5B6E00 · #2A1F45

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

The five colors

• Cream (#F5F3DF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BAD68): A luminous, balanced green — the color of fresh herbs.
• Lavender Blue (#9280C6): A luminous, balanced violet — the color of wild irises.
• Olive (#5B6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#2A1F45): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Hazy Azure Lantern color palette (#F9F1E1, #B7A260, #5990D3, #796200, #04274E)
• Airy Study color palette (#F1F4E6, #7DB385, #B971A8, #007A31, #3F1337)
• Weathered Olive color palette (#E9FAF3, #B2C06F, #BE97F0, #748200, #4A395F)
• Hazy Olive Orchard color palette (#F8F6E4, #96A964, #0099B9, #5B6F00, #284B39)
• Pale Byzantium color palette (#F3F4DA, #709C5B, #7574C5, #91499C, #202003)
• Wandering Peony Terrace color palette (#E6F9DD, #00B19A, #CF40A2, #006A5C, #3E002D)
• Patina Cocoa color palette (#FFEEE3, #C1A689, #996750, #723839, #2E2005)
• Patina Bronze Station color palette (#F5F3DD, #C1E5CB, #A4CCAE, #95792C, #2F2F28)

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