Pine Lantern color palette — #F7F0ED · #CBE2DA · #6CA7B4 · #307C51 · #1F3D32

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Silver (#CBE2DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6CA7B4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#307C51): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#1F3D32): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Worn Cypress color palette (#F6F6EF, #CBE3DB, #63A6A8, #3A7C6D, #455849)
• Aged Quarry color palette (#F6F1EC, #CBE0E2, #859DC5, #007A81, #482B3E)
• Tempered Olive Garden color palette (#F2F3E8, #9FBE95, #A88FC6, #4F813D, #452632)
• Wandering Lagoon Workshop color palette (#F6EAE4, #448488, #004254, #002014, #000104)
• Wandering Terrace color palette (#FFF0D4, #BCBC85, #74944F, #20652F, #33352F)
• Timeworn Basalt Cabin color palette (#F2F4E4, #C8E2D5, #A0CBC7, #8D8A55, #373F00)
• Petrol Villa color palette (#F3E6DF, #88BCD0, #2770A7, #004C47, #040C44)
• Hazy Cobalt Cabin color palette (#FFEEE6, #B4DBC1, #008DC4, #006454, #002350)

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