Pine Lantern color palette — #FFF1F5 · #AAA757 · #2D7D22 · #504584 · #1D4333
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#AAA757): A luminous, balanced green — the color of new leaves after rain.
- Olive (#2D7D22): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#504584): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#1D4333): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Faded Harbor color palette (#EBFAED, #9CAB6A, #007E43, #723B5E, #373F18)
- Linen Olive color palette (#FFF0D7, #AEAC5A, #587800, #57416A, #291F00)
- Timeworn Summit color palette (#DEF2DC, #979900, #016E1A, #4D2F78, #303000)
- Gentle Moss color palette (#E7FBEC, #C2C05D, #72942E, #735F85, #184433)
- Washed Lagoon color palette (#F0F7F1, #A7CABE, #5A8F6D, #64637B, #3C534B)
- Olive Coast color palette (#DCF0E5, #568A43, #005140, #411F44, #0A2102)
- Timeworn Emerald Delta color palette (#E8FCE8, #C48500, #00975B, #7C5300, #004728)
- Powdered Cerulean color palette (#FCF1FA, #8BDEE6, #008ABB, #006B3D, #233E6E)
Browse the whole catalog at Explore, or see today's palette.