Pine Lantern color palette — #FBEFEA · #C4726C · #17814B · #2D487B · #261712

Built around Fern, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Cream (#FBEFEA): bright and airy, almost weightless.
• Caramel (#C4726C): A luminous, balanced orange — the color of toasted spice.
• Fern (#17814B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D487B): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#261712): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Washed Olive Chapel color palette (#FAEFEC, #C47682, #6A6C07, #00586D, #211414)
• Tempered Amber Meadow color palette (#F8F0E8, #AF7C3C, #007884, #5C4471, #23190D)
• Bronze Chapel color palette (#FBF0E1, #DA988A, #8C7635, #3E507F, #38291C)
• Washed Coral Orchard color palette (#FFF2EE, #C5737B, #7B6929, #6B4457, #3F2D2E)
• Aged Field color palette (#FEF1F8, #E68E65, #4B9D74, #257076, #332F3D)
• Weathered Scarlet color palette (#FFEEE6, #CB251E, #00685E, #370F89, #1C0600)
• Aubergine Harbor color palette (#F8F1E2, #857200, #005D57, #352478, #140700)
• Driftwood Boulevard color palette (#F7F0EC, #D8D7CF, #A8B5A9, #A47667, #3B3531)

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