Olive Field color palette — #E3E8CA · #5F8D00 · #1C7205 · #004D28 · #001009

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

The five colors

• Celadon Mist (#E3E8CA): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5F8D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#1C7205): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004D28): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001009): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Eclipse Olive Bloom color palette (#F1EBD2, #717500, #0F4601, #00150D, #000201)
• Tempered Canyon color palette (#D8E5D8, #008D54, #006951, #004B44, #000809)
• Quiet Byzantium Alley color palette (#DEE2CF, #38AB4A, #B808B7, #005215, #10000F)
• Olive Harbor color palette (#DEE4D2, #50C1A7, #00A6BE, #527100, #00120C)
• Softworn Bronze Workshop color palette (#F4E0CF, #A67300, #715A00, #3E3900, #0B0D00)
• Misty Lapis Pier color palette (#DDE3CC, #008545, #4241F4, #A21E00, #000301)
• Pale Study color palette (#D9E5D4, #45C36C, #00A86F, #007760, #003B36)
• Lagoon Hollow color palette (#D2F6EC, #009B97, #00757E, #004F5F, #001621)

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