Olive Field color palette — #E1FCF3 · #556F00 · #7C2941 · #561F00 · #022310

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

The five colors

• Ivory (#E1FCF3): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#556F00): A full-bodied, balanced green — the color of new leaves after rain.
• Oxblood (#7C2941): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#561F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#022310): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Cocoa Harbor color palette (#DEFCFC, #007851, #882A00, #493200, #002721)
• Muted Field color palette (#E6FCEC, #766200, #792A6F, #631A2A, #331422)
• Hushed Nightshade Chapel color palette (#E1F7F9, #007A64, #1845A6, #5D001D, #000D0B)
• Tempered Mulberry Loft color palette (#F0F8EB, #2B9E85, #4F67C9, #99053E, #1D1F00)
• Tempered Lagoon color palette (#EBF8F7, #64956E, #8C534D, #684820, #263932)
• Spruce Dune color palette (#D3EBF2, #4E4141, #003838, #261600, #070800)
• Cypress Balcony color palette (#EEF7F8, #CFDBE4, #A3B8BD, #17745B, #313D3E)
• Airy Aubergine color palette (#FFF0F8, #9B4A00, #513A8F, #521353, #291829)

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