Olive Lantern color palette — #E7F6EF · #9AA67B · #4C721F · #285040 · #00221A

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

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Sage (#9AA67B): A luminous, dusty green — the color of fresh herbs.
• Olive (#4C721F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#285040): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#00221A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Lantern 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 Balcony color palette (#D3E5E1, #6B9C6C, #006638, #004435, #001614)
• Pine Market color palette (#E9F5F2, #8BBFB8, #3E8657, #2D5F56, #152C29)
• Taupe Coast color palette (#FEF4E2, #93A45A, #3C7141, #4E4A44, #37362F)
• Muted Emerald color palette (#EDF8F0, #C9D899, #529E57, #736231, #092F25)
• Muted Ridge color palette (#FBF5E3, #ACBE72, #6F8A54, #65635C, #37362F)
• Washed Teal Orchard color palette (#D9F6FF, #3FC3C3, #007678, #003D3D, #001010)
• Wandering Forest color palette (#CBE6DC, #64844A, #0E5206, #252E00, #000A08)
• Weathered Indigo Lantern color palette (#D7EEF3, #00A79D, #7364E4, #00635C, #19143E)

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