Pine Lantern color palette — #FFF0FE · #B8FDFF · #00A9D8 · #007837 · #00234D

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Sea Foam (#B8FDFF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00A9D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#007837): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00234D): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Azure Cabin color palette (#FFF0FA, #D4D9F6, #12A2F7, #007558, #151A59)
• Worn Turquoise color palette (#F6F7E2, #90ECEE, #00C0D2, #00998C, #003A44)
• Antique Lantern color palette (#FFF2EC, #77C7C9, #007A94, #00593A, #003655)
• Soft Corridor color palette (#FCF2FA, #67E0EC, #0085B4, #005530, #00092A)
• Softworn Lagoon Lagoon color palette (#FAF2F8, #D2D5E6, #91C1E7, #519179, #333F56)
• Denim Orchard color palette (#EEE0E8, #58B0C9, #005892, #002C21, #01000A)
• Bronze Study color palette (#E4FFD4, #C9F1F9, #9FDBFF, #A17700, #0F3A22)
• Gentle Alley color palette (#DCFFEA, #00EF88, #00A154, #005035, #000802)

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