Olive Field color palette — #F6F6ED · #D3E0D7 · #ABCAC3 · #648300 · #211F0A

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

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Silver (#D3E0D7): bright and airy, almost weightless.
• Stone (#ABCAC3): A luminous, dusty teal — the color of glacier melt.
• Olive Leaf (#648300): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#211F0A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Hushed Lagoon color palette (#F3F6F0, #D0E1DE, #ADC8CC, #008B70, #1A2114)
• Bronze Lantern color palette (#F9F4EF, #D9DFD2, #B2CDB6, #9F6A00, #251D12)
• Moss Harbor color palette (#E7F1EE, #C6D6DC, #A3BECD, #7AA051, #1F322E)
• Fern Terrace color palette (#EAEADF, #C9CEB8, #9EA796, #42601B, #17170B)
• Washed Dune color palette (#FDF4E3, #A5C790, #23896A, #605000, #0C1E00)
• Dusty Pine color palette (#E2E9D4, #008D50, #57525A, #002B2E, #000502)
• Antique Chestnut Studio color palette (#FFF3E7, #B6D2A2, #379C9B, #8C4923, #441D06)
• Garnet Lagoon color palette (#FFF2EF, #ACA63E, #007C6F, #740048, #071700)

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