Pine Lantern color palette — #DCE8D2 · #009250 · #00584B · #00343A · #0E1933
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DCE8D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#009250): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00584B): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#00343A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#0E1933): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Calm, Balance. Tagged muted, cool.
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
- Wandering Archive color palette (#CEEDD9, #008262, #00524C, #002F31, #000E11)
- Olive Alley color palette (#F2F1D6, #6B8B00, #005F2D, #003528, #002021)
- Gentle Jade Dune color palette (#DBE5D4, #00B371, #009188, #006575, #002534)
- Onyx Workshop color palette (#C9ECE3, #00858C, #00506B, #002D59, #1C0F5C)
- Mulberry Pier color palette (#D2ECF5, #007C85, #A2005E, #004247, #37001C)
- Onyx Bloom color palette (#CBF6F2, #006B77, #003B59, #001345, #090024)
- Linen Courtyard color palette (#D1F4FC, #84BFE2, #8578C4, #175D01, #002E34)
- Frosted Lagoon color palette (#B4EDE4, #70BEA5, #009193, #006371, #334166)
Browse the whole catalog at Explore, or see today's palette.