Pine Lantern color palette — #DFE2D7 · #3B8D56 · #004546 · #003516 · #000202

Fern and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DFE2D7): a clean, paper-quiet neutral.
• Fern (#3B8D56): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004546): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#003516): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

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

• Midnight Cypress color palette (#D1EEE4, #008478, #004445, #001012, #000102)
• Timeworn Abyss Workshop color palette (#E4E6E0, #B5BEAF, #829A7D, #004831, #010100)
• Forest Studio color palette (#DFF2F0, #006E34, #0B343F, #00250D, #000203)
• Timeworn Study color palette (#EBE5D5, #8B7B00, #254600, #322B00, #010100)
• Denim Courtyard color palette (#DFEEE4, #009EB9, #004F8B, #004450, #000104)
• Soft Drift color palette (#D1E8CB, #12C188, #009586, #005F6A, #000201)
• Feathered Cabin color palette (#EFEEE2, #709B00, #006D92, #466300, #000201)
• Navy Lantern color palette (#E0F2E6, #005F72, #001082, #0F001A, #040001)

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