Olive Field color palette — #E8F6ED · #A4A469 · #5F6C24 · #2E4F3C · #002316

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Sage (#A4A469): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#5F6C24): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2E4F3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002316): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Wandering Forest color palette (#CFE9E0, #7C9866, #356131, #08442B, #001712)
• Softworn Pier color palette (#E4F6F4, #76ABA9, #1C7557, #4B481D, #002221)
• Wandering Driftwood color palette (#FAF5E9, #B8B887, #7C8747, #6E6334, #37352F)
• Teal Chapel color palette (#C8FFF4, #45C3B5, #007A6E, #003D36, #00120F)
• Lagoon Station color palette (#E6F5F4, #9FCDCE, #5A8F7F, #4D6766, #203536)
• Faded Delta color palette (#D3F0F2, #24A886, #5975CE, #00644D, #0C1645)
• Petrol Quarry color palette (#D1EBEE, #009177, #0275AF, #605F00, #001913)
• Worn Cerulean Hollow color palette (#EAF4F3, #A3CEE9, #4384A6, #005967, #00233A)

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