Olive Lantern color palette — #E8F6EC · #7EAB99 · #4E702E · #134C67 · #1C1E00

Olive takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Sage (#7EAB99): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#4E702E): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#134C67): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1C1E00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cypress Basin color palette (#E2F7F4, #7BAD94, #007566, #403F74, #002122)
• Antique Coast color palette (#E5F7EA, #A9AC78, #527910, #5D3A73, #222200)
• Wandering Balcony color palette (#DDF5E8, #869563, #326327, #512258, #0F1500)
• Olive Loft color palette (#FCF4E6, #B3B98B, #678E44, #3F6E5D, #37352F)
• Tempered Cerulean color palette (#ECF4EE, #A6D0DA, #0F8C98, #005E44, #00252F)
• Ancient Corridor color palette (#E8F5F4, #A8CBCD, #568F89, #59607A, #163739)
• Tempered Forest Dune color palette (#DBF4E7, #6E804D, #09530B, #002C4A, #050900)
• Moss Boulevard color palette (#FDF1F7, #E3CE9B, #7F944A, #785287, #0E2F1A)

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