Pine Lantern color palette — #F7F0EE · #CAE3DE · #7AA895 · #2D7C54 · #422F40
A conversation between Teal and Taupe, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F0EE): bright and airy, almost weightless.
- Silver (#CAE3DE): A whisper-light, dusty teal — the color of glacier melt.
- Taupe (#7AA895): A luminous, dusty teal — the color of sea glass.
- Teal (#2D7C54): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#422F40): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, 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 Lagoon color palette (#F6F1EC, #CAE1E3, #8D9AC5, #157A7A, #482C38)
- Tempered Olive Field color palette (#FFEDE9, #C58994, #8D9353, #538842, #36211D)
- Lagoon Terrace color palette (#F9F3F8, #D4D6EA, #7CBBDA, #5D9570, #465466)
- Tempered Spruce color palette (#EDE0DC, #6BA9A9, #00627C, #003D15, #000B1D)
- Worn Studio color palette (#F6EAE4, #398492, #004060, #002014, #00000C)
- Aged Pewter color palette (#FEEDF1, #C2A8CF, #67AE83, #8A5C9E, #30322B)
- Worn Studio color palette (#F9F0E8, #A4D3C6, #6B76B6, #005B5E, #28163B)
- Aged Bronze color palette (#FEEEE5, #C9B8A5, #AF724A, #764951, #322B1B)
Browse the whole catalog at Explore, or see today's palette.