Olive Lantern color palette — #F2E382 · #98A63A · #2F7300 · #003721 · #000403

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

The five colors

• Butter (#F2E382): A whisper-light, balanced green — the color of fresh herbs.
• Moss (#98A63A): A luminous, balanced green — the color of fresh herbs.
• Olive (#2F7300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003721): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000403): quiet, heavy and certain.

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

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

• Marigold Lantern color palette (#F8E7D5, #C69928, #696600, #2A3800, #000700)
• Dusty Corridor color palette (#E3F1DC, #49B467, #006F58, #003733, #000304)
• Soft Bloom color palette (#FFEBCD, #899219, #006636, #2A0079, #020500)
• Olive Lantern color palette (#F3F0E2, #6D8400, #1B5900, #00301A, #001A13)
• Sunlit Emerald color palette (#F1E2D5, #BA9D00, #459100, #006651, #001A1D)
• Worn Olive Coast color palette (#F7F4DB, #6E8500, #005769, #3B004C, #040100)
• Nocturne Fern Parlor color palette (#E3E4C8, #387000, #293336, #00180C, #000200)
• Hushed Fern Grove color palette (#F9F5EA, #D3DDCF, #B9BF9E, #676300, #110C00)

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