Olive Field color palette — #FAF3F7 · #E5B3A4 · #72873E · #9A5946 · #21322D

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Sand (#E5B3A4): A luminous, dusty orange — the color of autumn markets.
• Olive Leaf (#72873E): A full-bodied, balanced green — the color of new leaves after rain.
• Walnut (#9A5946): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#21322D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Lagoon color palette (#FAF3F5, #E3B78C, #009183, #91612D, #233133)
• Weathered Lagoon color palette (#FCF2F6, #FFC391, #A69E57, #B18057, #24312A)
• Olive Atelier color palette (#EDF9ED, #C89E79, #6F7F3B, #58537B, #3B4D3F)
• Softworn Driftwood color palette (#FFF0F9, #D5B07D, #988439, #4E6627, #0D5836)
• Bronze Loft color palette (#DDECE2, #8E7400, #004A42, #3D3000, #000406)
• Washed Amber Delta color palette (#FEF1F6, #E28943, #00765F, #824200, #002225)
• Driftwood Courtyard color palette (#FAF3F5, #CED9DD, #9BA1AF, #9C7A59, #594F53)
• Aged Harbor color palette (#FDF1F7, #AA7255, #007B72, #4C4B78, #3E2F37)

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