Pine Lantern color palette — #DEFDFA · #B1E8E4 · #7CAF85 · #317642 · #1B3E22
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#DEFDFA): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#B1E8E4): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#7CAF85): A luminous, balanced green — the color of fresh herbs.
- Olive (#317642): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#1B3E22): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged monochrome, 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
- Patina Mint color palette (#F2F9DB, #BFEDE6, #88C69A, #4D7A59, #292F12)
- Worn Cypress Bloom color palette (#E6F9FF, #A5E3E6, #56B0B3, #007C81, #004243)
- Olive Balcony color palette (#E0FEED, #B3E0C9, #A9A162, #776C16, #433C12)
- Gentle Orchard color palette (#A8F1E4, #35BFB2, #008377, #004E47, #001D19)
- Lagoon Harbor color palette (#DCFDFA, #B0DEB5, #4A8F5F, #2C5D32, #063D3C)
- Wandering Pier color palette (#EAF9F8, #CBE2EC, #C7C4CE, #99B28A, #365050)
- Washed Pine Pier color palette (#D6EBE0, #009060, #005234, #001E11, #000201)
- Ancient Bronze color palette (#FEF1F5, #BAD3B9, #BA8D9D, #956A4B, #3B4D3E)
Browse the whole catalog at Explore, or see today's palette.