Pine Lantern color palette — #E9DFE8 · #4CD6DC · #00A0CF · #1C8144 · #001E45

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

The five colors

• Silver (#E9DFE8): bright and airy, almost weightless.
• Aqua (#4CD6DC): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#00A0CF): A luminous, balanced blue — the color of open sky before noon.
• Olive (#1C8144): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001E45): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pine 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

• Quiet Azure Thicket color palette (#FAE6F0, #64CEFA, #5B93DF, #007F6F, #1D183F)
• Petrol Atelier color palette (#EEE6DB, #65C2C7, #008399, #005B4B, #002331)
• Hushed Forest Alley color palette (#E5DAE5, #2AB6B6, #0081A1, #006223, #00091A)
• Periwinkle Orchard color palette (#FFF1F7, #ACE2FF, #77ABFF, #00998B, #322761)
• Sky Ridge color palette (#D5E5C6, #4BE0CE, #66BDFF, #A6803B, #002A2A)
• Worn Denim color palette (#F1E2DB, #62AAAE, #00627A, #003B28, #000C19)
• Powder Lantern color palette (#FAF2F8, #D1E2FB, #8FC5E9, #6CA78B, #394862)
• Clover Harbor color palette (#E3F4E8, #00CD7C, #009F5F, #006835, #000C05)

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