Olive Field color palette — #F4F2E6 · #A9BB8B · #AE8EC0 · #637C29 · #482430

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

The five colors

• Cream (#F4F2E6): bright and airy, almost weightless.
• Sage (#A9BB8B): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#AE8EC0): A luminous, dusty violet — the color of a velvet chair.
• Olive Leaf (#637C29): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#482430): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Bronze Garden color palette (#F6F1E8, #C3B37F, #9297CD, #886F00, #2B2D50)
• Ancient Cypress color palette (#EFF4EB, #87C2AC, #CC8493, #008567, #49261F)
• Olive Coast color palette (#F7F6E8, #A4B983, #CE8078, #647D32, #534B48)
• Mallow Summit color palette (#EBF9F4, #BACD90, #CF9AE0, #81964B, #4D4964)
• Worn Boulevard color palette (#F2F4DF, #81A979, #967FC3, #9B5E9C, #282910)
• Hushed Bronze Meadow color palette (#F9F0E9, #C9B8A3, #AC7544, #794943, #342B15)
• Timeworn Cypress color palette (#EFF4EC, #DEBCA0, #2D6E61, #26371B, #0F170A)
• Muted Forest color palette (#F1F5DC, #B7D5AF, #699060, #215D25, #0B290B)

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