Pine Lantern color palette — #FEF2ED · #D2DBF1 · #54BBEE · #008D55 · #143269

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Powder Blue (#D2DBF1): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#54BBEE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008D55): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#143269): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Periwinkle Study color palette (#FFF3E8, #C5E7F9, #85ADFC, #008980, #372961)
• Worn Azure Drift color palette (#FFF2EC, #D5DEF9, #19A4EA, #007651, #0A1763)
• Chalky Aqua color palette (#EFF8F1, #AEF2FA, #35C9EF, #00A893, #004563)
• Airy Cobalt Canyon color palette (#FBF2FA, #9FDAE1, #008ABC, #006B3F, #283F68)
• Wandering Powder color palette (#FBF3EF, #C4DEE7, #B9BFEF, #859974, #5E4456)
• Aged Petrol color palette (#FBEAE4, #71C7CA, #007293, #00411B, #00020A)
• Denim Harbor color palette (#F5E5D9, #75AAC6, #1B50A5, #002C27, #010008)
• Muted Cobalt color palette (#FFF3E8, #97D5FA, #5277C7, #00524D, #10002D)

Browse the whole catalog at Explore, or see today's palette.