Olive Lantern color palette — #F9F0EC · #C5EAE1 · #71A4BD · #64732F · #403040

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

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Honeydew (#C5EAE1): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71A4BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#64732F): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#403040): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Patina Cypress color palette (#F5F6EE, #C9E4DE, #7DA489, #3A7B76, #355242)
• Washed Teal color palette (#E6F8E7, #00B2B6, #BE7A54, #986D56, #1E2B1F)
• Antique Coral Alley color palette (#E6F7EB, #65C3D7, #D08486, #217E90, #46281E)
• Oat Lantern color palette (#E8F6E9, #D8D3E2, #E5B9B4, #888D6E, #35433B)
• Worn Boulevard color palette (#FAF3F8, #D5D6EA, #8EB8D0, #61927E, #425567)
• Cobalt Study color palette (#FAEFE8, #95DCF4, #1E86DE, #006451, #1E2045)
• Airy Mint color palette (#EFF7CC, #64D0BE, #0A97A0, #2E677C, #1C4138)
• Tempered Cerulean Coast color palette (#EDDFD8, #318594, #004060, #002014, #00000C)

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