Pine Lantern color palette — #F9F1E1 · #9EB07C · #247F3F · #005859 · #1B2500

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

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9EB07C): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#247F3F): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005859): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#1B2500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Summit color palette (#F4F3E4, #80B790, #007D6D, #405500, #002912)
• Hazy Olive Chapel color palette (#FFEFDE, #B4A874, #5D7600, #364688, #272000)
• Pine Courtyard color palette (#F8F7E1, #7FB46D, #007F2F, #006044, #3B3B34)
• Dusty Harbor color palette (#F1ECDD, #7A986B, #006542, #004148, #131300)
• Faded Fern Workshop color palette (#EFE3CF, #919D3F, #156E0D, #402C7C, #151800)
• Misty Orchard color palette (#E1FCF4, #BDE7AF, #51A761, #237C5D, #1A3610)
• Hushed Cerulean color palette (#FCEFE8, #B8DABB, #0091B0, #006544, #002840)
• Driftwood Market color palette (#F5F1EA, #C7C5A5, #7C8B47, #775664, #32312A)

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