Olive Lantern color palette — #FAF4EC · #B4B285 · #5C8039 · #6B5061 · #524000

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sage (#B4B285): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5C8039): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#6B5061): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Fern Lagoon color palette (#F8F5EC, #C2C4A4, #558F74, #7B5C65, #515100)
• Lagoon Canyon color palette (#F8F5E8, #95BB95, #0D876B, #2D6270, #414700)
• Olive Field color palette (#FBF4EB, #9D9F65, #43712A, #4C436E, #37352F)
• Patina Stone Market color palette (#E3F7EE, #ACBB7F, #667E4D, #3B5B62, #132D25)
• Muted Balcony color palette (#F7F7E0, #6CB58D, #007A70, #6E3C67, #19442F)
• Hushed Cerulean color palette (#FAF4F0, #CEE3CB, #009BB0, #3A6F4C, #2B5042)
• Muted Loft color palette (#FFF1F5, #B68CCF, #5BA64C, #794396, #42433C)
• Patina Grove color palette (#EBF9F0, #B8DFCF, #9BB687, #7794A9, #2E493F)

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