Olive Field color palette — #FDF0DD · #ACAB76 · #4C7A25 · #44447F · #232200

Olive takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FDF0DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ACAB76): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#4C7A25): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#44447F): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Navy Loft color palette (#F2E2CE, #9E984F, #416800, #372B86, #191700)
• Gentle Pine color palette (#F9F1DB, #92B47A, #007F51, #00575F, #122700)
• Patina Field color palette (#F4F2E5, #B1B79A, #408372, #68476C, #262A0C)
• Soft Moss color palette (#E8FBEA, #BFC06F, #589A2F, #636393, #164433)
• Hazy Lantern color palette (#FFECF0, #D287DC, #5B9300, #7F008F, #142600)
• Tempered Market color palette (#E0FDF3, #C6E4AE, #62A559, #007A7D, #21350A)
• Wandering Meadow color palette (#ECE5CD, #5B8651, #00513A, #3C124E, #010B00)
• Worn Pier color palette (#FAEFEA, #96DFDD, #0092AC, #00663E, #00283E)

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