Olive Lantern color palette — #FFF4E3 · #A3AA55 · #287E00 · #674C00 · #3C3B34

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

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#A3AA55): A luminous, balanced green — the color of new leaves after rain.
• Olive (#287E00): A full-bodied, vivid green — the color of new leaves after rain.
• Bronze (#674C00): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3C3B34): a grounded near-black with real depth.

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

• Lime Bloom color palette (#E1F9EC, #A6B136, #5B7700, #534E19, #202300)
• Antique Pine color palette (#F9F5EA, #85A673, #00754E, #4D4B44, #36362F)
• Weathered Terrace color palette (#F7E9D8, #A09428, #446700, #004F41, #342F00)
• Tempered Moss color palette (#FEF5DD, #B9C372, #769237, #6F6B3F, #3C3B34)
• Linen Canyon color palette (#F7F6E7, #8BBD9E, #008679, #625C09, #3A4A00)
• Quiet Teal color palette (#F5F7E5, #46BA96, #007979, #7B3C28, #0A4535)
• Clover Workshop color palette (#E2EED3, #25BF5A, #008166, #005E56, #124058)
• Olive Workshop color palette (#EBFBE3, #CCE8FF, #83B7FF, #477C2A, #324E33)

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