Olive Field color palette — #E8F6ED · #B7B788 · #717B41 · #624D61 · #142D23

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

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Sage (#B7B788): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#717B41): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#624D61): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#142D23): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Dusty Mint Harbor color palette (#E4F6F5, #85C3A5, #488271, #3D596B, #122C2D)
• Taupe Alley color palette (#E2F8EB, #A4A558, #5E6C2E, #5F3949, #012317)
• Muted Balcony color palette (#FDF4E5, #BBAF88, #697B47, #6F4F5A, #514000)
• Sunlit Hollow color palette (#DFF8F6, #38C38D, #007E65, #63461B, #002627)
• Patina Driftwood color palette (#FFF1F5, #A7CFBB, #779B70, #69708B, #2D4A3C)
• Powdered Coral color palette (#FEECF9, #E48678, #7C9954, #954C42, #1E2D05)
• Hushed Oat Bloom color palette (#FFEBF7, #E7D1D1, #D0CC94, #A4716B, #3B2732)
• Gentle Ember Orchard color palette (#FFEBF8, #D46B48, #8A8220, #8B5583, #2A1724)

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