Pine Lantern color palette — #FFEDE8 · #B26365 · #177650 · #004666 · #1D0A10

Pine takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#B26365): A full-bodied, balanced red — the color of a theater curtain.
• Pine (#177650): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004666): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#1D0A10): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, 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

• Raspberry Coast color palette (#FFEDEC, #A95D8A, #556611, #00494D, #1E0B16)
• Wandering Olive color palette (#FFEEE4, #BD7B5C, #4A7131, #00485D, #2B0F38)
• Cypress Chapel color palette (#FCEFE6, #B78168, #007C7C, #344D79, #281414)
• Quiet Aubergine Parlor color palette (#FFEFDC, #955F00, #005D6A, #3A1E7F, #240006)
• Muted Coral color palette (#FEF0D9, #D5846B, #85652E, #005059, #311E0E)
• Dusty Pine color palette (#FEF0FD, #D07E82, #298B61, #006389, #2A2740)
• Taupe Boulevard color palette (#FCF5E2, #B2A458, #8F823A, #006D6F, #2B1010)
• Timeworn Thicket color palette (#FFE2D2, #A22D00, #004C44, #002F5B, #10000B)

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