Pine Lantern color palette — #F9F0E4 · #BCB48A · #4C835C · #6E4A4C · #2B2815

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F0E4): a clean, paper-quiet neutral.
• Sage (#BCB48A): A luminous, dusty green — the color of fresh herbs.
• Fern (#4C835C): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6E4A4C): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#2B2815): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Basalt Coast color palette (#F8F6E8, #9BBA8F, #49815E, #645364, #454600)
• Hushed Cypress Loft color palette (#F6F1E7, #8EAA7C, #007758, #553962, #1E1D01)
• Worn Boulevard color palette (#EBFAEE, #B8CE91, #6D9C81, #746D85, #314841)
• Emerald Boulevard color palette (#FEEDED, #CD8CB3, #33AB63, #963576, #0A2F18)
• Cobalt Atelier color palette (#FFEDEE, #E2D7CA, #DEC28C, #7779AF, #442A27)
• Cerulean Workshop color palette (#F8F0EB, #C5E6CF, #4795CA, #206E51, #3C2237)
• Hushed Olive Field color palette (#E9E2CC, #4D8948, #005042, #3E183E, #080900)
• Velvet Fern Veranda color palette (#FAE8D7, #655800, #173200, #11073A, #020100)

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