Olive Field color palette — #F2F2EB · #B2CE99 · #5989AA · #5D7D3E · #081A15

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

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Pistachio (#B2CE99): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#5989AA): A luminous, dusty blue — the color of open sky before noon.
• Olive (#5D7D3E): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#081A15): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Cypress Thicket color palette (#EEF4EC, #8CD4C4, #7A7EB0, #208372, #1F101A)
• Bronze Atelier color palette (#F5F1EA, #DAC08B, #519180, #896D30, #11180D)
• Pine Delta color palette (#F4F6EF, #BBC69E, #218E8C, #25804D, #243223)
• Aged Quarry color palette (#EFF7F5, #C5DAAC, #66A1D7, #79994B, #232F3C)
• Hushed Teal Chapel color palette (#FFEEE4, #82BA9D, #448295, #6D463E, #23301F)
• Lagoon Orchard color palette (#DCFDD5, #9BCFB6, #389292, #005B71, #002D4F)
• Gentle Cobalt color palette (#F0F4E7, #5CC079, #006DBE, #006E33, #000919)
• Aubergine Delta color palette (#DBE9D7, #008B81, #442698, #00403A, #040002)

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