Pine Lantern color palette — #FFF4DF · #FF8967 · #B88C00 · #0C7C19 · #010100

Olive and Salmon set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Salmon (#FF8967): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B88C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#0C7C19): A full-bodied, vivid green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Apricot Workshop color palette (#FFF5D3, #FF9D4B, #A49000, #008065, #010100)
• Softworn Amber Quarry color palette (#FFF2E8, #FF8BA8, #DD7600, #5E7500, #020100)
• Pale Amber color palette (#EFEECE, #DB8700, #738800, #005C54, #000200)
• Hushed Amber Alley color palette (#CCEDD5, #CA7200, #8A6C00, #2B5800, #0A0900)
• Powdered Pine color palette (#F6DDC7, #969151, #00783D, #3F2347, #100013)
• Weathered Rose color palette (#E1F6E7, #EA494C, #946500, #005744, #020200)
• Pale Moss Market color palette (#F7F8D9, #E2BA00, #6CA900, #006F6E, #000200)
• Worn Olive color palette (#F6EDDA, #878500, #405400, #002F08, #000301)

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