Olive Lantern color palette — #ECF0E3 · #3C8F21 · #004D2F · #001712 · #000201

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

The five colors

• Cream (#ECF0E3): a clean, paper-quiet neutral.
• Olive Leaf (#3C8F21): A full-bodied, vivid green — the color of fresh herbs.
• Forest (#004D2F): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001712): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Midnight Lagoon color palette (#D6E8D8, #008A70, #004A47, #001115, #000103)
• Olive Harbor color palette (#EEE2C7, #817C00, #2E4500, #011901, #000201)
• Hushed Quarry color palette (#EDDFC6, #848500, #00703F, #00453F, #000508)
• Tempered Study color palette (#E3E7D8, #99AB00, #00934A, #006963, #000201)
• Wandering Mint Pier color palette (#E1FFDC, #64D59F, #008C7C, #005053, #00141B)
• Lagoon Meadow color palette (#E1EFE0, #2F8F7A, #005E6B, #321634, #040001)
• Timeworn Loft color palette (#EDECE4, #B9BDAA, #8A977C, #2F4400, #010100)
• Teal Canyon color palette (#CEEEDC, #00BDA6, #006F73, #003948, #000307)

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