Pine Lantern color palette — #CFF7E9 · #A7C296 · #619B65 · #09794E · #22565B
Built around Pine, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CFF7E9): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#A7C296): A luminous, dusty green — the color of fresh herbs.
- Fern (#619B65): A luminous, balanced green — the color of fresh herbs.
- Pine (#09794E): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#22565B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Antique Lagoon color palette (#DAFDFF, #A1D3BD, #4B9378, #005E4C, #004032)
- Tempered Grove color palette (#FFF5D9, #C0CE90, #6AB274, #32826B, #3D563F)
- Worn Lantern color palette (#E5FDE4, #C6B17C, #8B8135, #5E6605, #2E5B4E)
- Tempered Pine color palette (#E8F9F8, #8BBE9C, #B687AD, #00894D, #514766)
- Patina Workshop color palette (#CFF5F8, #90CEC2, #0B9596, #006E7C, #3E4E6C)
- Hushed Teal color palette (#CEE5D9, #17AA96, #007E7A, #00545C, #163654)
- Tempered Driftwood Field color palette (#EEF8F0, #A5C0AF, #937D53, #78505F, #354E44)
- Hushed Bronze color palette (#E5FAFA, #66A888, #8284B7, #A96043, #2B4849)
Browse the whole catalog at Explore, or see today's palette.