Hazy Olive Garden color palette — #F8EDCA · #868400 · #346200 · #00320C · #000402

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

The five colors

• Custard (#F8EDCA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#868400): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#346200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00320C): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000402): a grounded near-black with real depth.

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

Use it as a design system

One click turns Hazy Olive Garden 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

• Antique Bronze color palette (#FEE6D3, #A27000, #5E5200, #252700, #010400)
• Emerald Workshop color palette (#E6F1DA, #0C9925, #00623C, #002823, #000202)
• Hushed Moss Boulevard color palette (#DEE1D0, #739200, #477700, #245D00, #001E03)
• Pale Market color palette (#EEF0E1, #35A62A, #7C23AE, #0B4905, #020005)
• Wandering Emerald color palette (#FDEB83, #AAC100, #16961F, #006646, #002E25)
• Patina Orchard color palette (#EDF0CF, #92E5D1, #2EB1D7, #565500, #000502)
• Mint Boulevard color palette (#D1EFD7, #30C796, #00897D, #005359, #001C27)
• Feathered Lilac Coast color palette (#FFE0DD, #A276FF, #009F64, #030C0B, #010100)

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