Pine Lantern color palette — #E0E4C3 · #00783B · #004441 · #001821 · #000109
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E0E4C3): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#00783B): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004441): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001821): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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
- Charred Forest Thicket color palette (#DDF8DE, #006559, #003541, #00092F, #020007)
- Lagoon Terrace color palette (#D8ECDC, #00A488, #005956, #002126, #000103)
- Olive Alley color palette (#F5EADF, #756800, #1B4400, #001913, #000102)
- Dusty Archive color palette (#E8E8C9, #417459, #004969, #2D1A00, #0E0600)
- Twilit Forest color palette (#FCEBED, #00672A, #003444, #2D000D, #000202)
- Ancient Alley color palette (#EFF4D2, #249532, #006156, #003647, #000B29)
- Weathered Abyss Market color palette (#D8F3F9, #67625B, #00403B, #1C1D23, #00070E)
- Aubergine Ridge color palette (#CCE4E2, #005928, #450050, #270003, #040000)
Browse the whole catalog at Explore, or see today's palette.