Olive Field color palette — #DDFAF4 · #488E20 · #005570 · #4C0008 · #000200

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

The five colors

• Honeydew (#DDFAF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#488E20): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005570): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#4C0008): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Olive color palette (#DCFAF1, #648809, #005C41, #450033, #010200)
• Patina Harbor color palette (#E1F8F5, #1C9324, #0046A4, #3A1C00, #000200)
• Charred Coast color palette (#CFECF3, #00665F, #251D8B, #370016, #050300)
• Tempered Chapel color palette (#E1FAE6, #9A7300, #1E39B9, #312100, #030100)
• Cypress Alley color palette (#D4E6EC, #006D71, #312D33, #001426, #000202)
• Hushed Fern color palette (#FFF0F7, #B6A064, #516A00, #004640, #0B0700)
• Garnet Studio color palette (#D8E3D5, #00665D, #6A0028, #410015, #200B00)
• Aubergine Villa color palette (#CEF0F2, #00644C, #3E0063, #181B22, #090800)

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