Forest Lantern color palette — #F6F6E8 · #8FA8D3 · #8C6797 · #306739 · #573F4E

Pine and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Blue Fog (#8FA8D3): A luminous, dusty violet — the color of a velvet chair.
• Slate (#8C6797): A full-bodied, balanced pink — the color of a candy shop window.
• Pine (#306739): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#573F4E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Forest 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

• Softworn Cypress Boulevard color palette (#F9F5E7, #B49CC7, #9D646F, #006768, #5C3E42)
• Fern Villa color palette (#EBF9F4, #769DBD, #945D6F, #485C13, #184D40)
• Fern Parlor color palette (#FBF5E4, #88B39A, #6B73A3, #625B24, #2E4F45)
• Wandering Field color palette (#FCEDF7, #B99ED2, #946690, #76422E, #2C2A39)
• Cypress Villa color palette (#FAF4F0, #CBE6E4, #6DA0C3, #008073, #61495F)
• Mulberry Hollow color palette (#FBF6D9, #7E81D8, #9D2283, #00523C, #3E285A)
• Olive Hollow color palette (#FFF0FE, #E2C3CD, #A18885, #627735, #345649)
• Driftwood Studio color palette (#F8F5EE, #C4C2A7, #788A46, #7C5B68, #544F00)

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