Pine Lantern color palette — #D5E5CA · #008F4A · #005F4B · #00373D · #0F1C34
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D5E5CA): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008F4A): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#005F4B): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00373D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#0F1C34): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Calm, Balance. Tagged 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
- Pine Courtyard color palette (#D9F9E4, #008360, #00594C, #002C2A, #000E11)
- Jade Bloom color palette (#E1EBDB, #00AB75, #008875, #00646B, #002635)
- Worn Olive Workshop color palette (#E8E0C1, #5E8300, #10600B, #003628, #002022)
- Gentle Hollow color palette (#D7EAD1, #007E74, #A40F43, #00433D, #390011)
- Hushed Indigo color palette (#D3E5CC, #81BDDB, #7F73D3, #2F5300, #002A2F)
- Timeworn Coast color palette (#DAF7E1, #006672, #8F004E, #6F0303, #001519)
- Muted Navy Workshop color palette (#DBEAE1, #00A9A1, #00717E, #004868, #002B87)
- Rose Thicket color palette (#FFEDCE, #FF4037, #00948A, #04161B, #010600)
Browse the whole catalog at Explore, or see today's palette.