Olive Field color palette — #D7EAE1 · #5B6C00 · #073D04 · #000F14 · #010100

A conversation between Olive and Forest, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D7EAE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5B6C00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#073D04): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000F14): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged retro, dark, 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

• Smoked Cypress color palette (#DFEFEA, #007654, #003A36, #000B25, #000201)
• Chestnut Loft color palette (#F1E6C9, #865800, #3B3100, #00110A, #020100)
• Bronze Grove color palette (#E3F0E7, #877C13, #3C4000, #231A00, #010100)
• Moonless Onyx Courtyard color palette (#FBEDCF, #4C4900, #002C09, #07002F, #010100)
• Patina Lagoon color palette (#D6EFEA, #508C6A, #005547, #002B45, #000106)
• Ancient Mustard color palette (#C9E7DD, #B7AB00, #6E8C00, #00692B, #000200)
• Aubergine Studio color palette (#F8E6D3, #8C7A00, #006C3F, #4A226E, #030400)
• Pale Loft color palette (#DBFFF1, #5DBB52, #007F58, #004562, #001715)

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