Olive Field color palette — #D1F0E8 · #4D7A00 · #006C6E · #6F4000 · #142500

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

The five colors

• Honeydew (#D1F0E8): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#4D7A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#006C6E): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#6F4000): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#142500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Olive Pier color palette (#CAEDE7, #4A8C35, #007B85, #7C5000, #06332E)
• Wandering Pier color palette (#E1EDE3, #006D30, #005768, #4F3900, #001706)
• Garnet Archive color palette (#DBEBE0, #7E6A00, #00704B, #930702, #012714)
• Soft Balcony color palette (#DEF2C0, #809B08, #4C5F00, #253000, #141D00)
• Hazy Jade color palette (#D3F8EE, #AFD79C, #4AB275, #5D6100, #093830)
• Feathered Nightshade Quarry color palette (#C2E6EB, #007264, #0B4CAB, #3E1F78, #001F24)
• Weathered Alley color palette (#D7EFFF, #008DB3, #7E32FF, #007349, #003647)
• Linen Lapis Bloom color palette (#EFF2D4, #6D7100, #5B49B3, #5D377D, #0B0C00)

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