Pine Lantern color palette — #FFF2EE · #B66D72 · #347B48 · #464976 · #402D27

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Mocha (#B66D72): A luminous, balanced red — the color of late-summer berries.
• Olive (#347B48): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#464976): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#402D27): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Dusty Olive Corridor color palette (#FFF2EF, #B77080, #746800, #025778, #42322F)
• Aged Pine Basin color palette (#FEF2F1, #C181A3, #3A8155, #664375, #573841)
• Ancient Bronze Station color palette (#FBF4EA, #A37F3E, #00776B, #5C3A6C, #35312B)
• Patina Rust color palette (#F9EEF6, #C66251, #1C765B, #224C6C, #1B1724)
• Patina Bronze color palette (#FEF4E3, #DA9091, #8A7620, #445883, #4D4642)
• Worn Lantern color palette (#FAF3F0, #DCDBD2, #9CB2AF, #A47569, #59504C)
• Patina Coral Harbor color palette (#FFF2EC, #F18775, #479E84, #4B7391, #413134)
• Misty Aubergine Summit color palette (#FFF3E7, #965900, #005E52, #551655, #2A1905)

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