Pine Lantern color palette — #D3E9C9 · #00854A · #005546 · #003137 · #00080F
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D3E9C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#00854A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#005546): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#003137): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00080F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged 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 Olive Garden color palette (#EFEDDE, #577400, #005E1F, #003126, #000D0E)
- Pine Garden color palette (#D2E8CA, #007D51, #005148, #001518, #000103)
- Patina Villa color palette (#E5F3E3, #007974, #A40043, #00413E, #130003)
- Softworn Meadow color palette (#C9E6E1, #00757E, #004D63, #002649, #070033)
- Sunlit Iris Dune color palette (#DDE6D9, #66B1CE, #8875D5, #186303, #000D11)
- Garnet Workshop color palette (#DAE5DA, #006565, #930028, #5C2600, #000202)
- Tempered Bronze color palette (#F2F1D6, #A66D00, #007F82, #050E13, #000300)
- Feathered Teal Corridor color palette (#D8F6DF, #00B292, #008B8F, #005A78, #002F5C)
Browse the whole catalog at Explore, or see today's palette.