Pine Lantern color palette — #F4F8E1 · #67B783 · #007D58 · #005E54 · #393C35

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#67B783): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007D58): A full-bodied, balanced teal — the color of sea glass.
• Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#393C35): a grounded near-black with real depth.

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

• Cypress Villa color palette (#F8F2D9, #81B879, #007E5E, #0A5663, #212300)
• Patina Olive color palette (#FAF5E3, #97AE59, #497900, #2B5D36, #353F18)
• Worn Lagoon Corridor color palette (#E2E7D5, #439F7B, #006452, #004846, #222E0D)
• Misty Mint color palette (#E3FCF1, #88D07F, #009E77, #39727F, #284224)
• Dusty Ultramarine color palette (#FFF0FC, #698BF9, #009478, #2B3EDF, #004637)
• Aged Teal color palette (#FEF4E0, #B5DC9D, #5EB999, #5192AF, #3B3B34)
• Wandering Cerulean color palette (#F5F7E8, #A1D9E6, #008DAE, #00666A, #0A465D)
• Antique Olive Canyon color palette (#F3EBD4, #728322, #334E00, #003732, #201B00)

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