Pine Lantern color palette — #F8EBE8 · #B0CEAE · #0095B6 · #01721B · #002F55

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EBE8): a clean, paper-quiet neutral.
• Pistachio (#B0CEAE): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#0095B6): A luminous, balanced blue — the color of deep harbor water.
• Olive (#01721B): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#002F55): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Patina Pine color palette (#FCF3F0, #C3DCC7, #41A1CC, #00814A, #203A65)
• Hushed Cobalt Field color palette (#F5EDE7, #A2D0BD, #5E86CA, #006D64, #2E215B)
• Wandering Delta color palette (#FCF1FD, #A5F7F2, #00A2C4, #316B31, #00203A)
• Feathered Cobalt Basin color palette (#F8EDE8, #7DBDCA, #007CB9, #005C41, #0D1553)
• Weathered Petrol color palette (#E6F2E8, #83BEBA, #007681, #00523B, #003441)
• Faded Terrace color palette (#FFF3E7, #9ED0FF, #6F7BFF, #007176, #411C63)
• Aged Ultramarine color palette (#F3EAE2, #6FAACD, #2C5CCE, #004A46, #18003D)
• Worn Denim color palette (#F2E7E3, #629DA7, #005F8A, #003E28, #01002F)

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