Pine Lantern color palette — #D0E7E3 · #1D7E0C · #103F96 · #5C000F · #371300

Built around Olive, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Silver (#D0E7E3): A whisper-light, dusty teal — the color of sea glass.
• Olive (#1D7E0C): A full-bodied, vivid green — the color of new leaves after rain.
• Indigo (#103F96): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#5C000F): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#371300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Powdered Garnet color palette (#CDE9DE, #627100, #00487E, #570031, #3A0003)
• Aged Hollow color palette (#E1F7F6, #2E8B55, #484B8E, #632400, #332400)
• Moonless Courtyard color palette (#C0E9EB, #00684D, #400588, #321700, #110C00)
• Tempered Aubergine color palette (#CAE7EF, #007877, #692171, #580D00, #311800)
• Powdered Nightshade color palette (#D0E6DB, #00759A, #353795, #430049, #1D0005)
• Deep Onyx Courtyard color palette (#D7F0FA, #00545B, #4A0046, #250B00, #060400)
• Nocturne Quarry color palette (#DEF0F3, #006357, #3E3840, #001E26, #000B0E)
• Pale Aubergine Orchard color palette (#D2E4F1, #0093C2, #5555B2, #6F006E, #42000C)

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