Pine Lantern color palette — #FDF3EE · #B7E0C3 · #579ECB · #257E5A · #2A395E

A conversation between Teal and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#B7E0C3): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#579ECB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#257E5A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A395E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Sky Basin color palette (#FBF2F8, #D0D6E9, #2EB1F8, #00835A, #1E2E49)
• Ancient Cobalt Field color palette (#F6EDE5, #A3D0BF, #6684C9, #006C67, #312256)
• Lagoon Veranda color palette (#FDF3EC, #C2E7E8, #8AA6D3, #378A80, #5D3C4E)
• Weathered Sky Alley color palette (#F9F4ED, #B1ECF7, #37C2F1, #1EA095, #104437)
• Pale Bloom color palette (#EBE1D7, #77A8CD, #475CBB, #004A4A, #1C0139)
• Sunlit Peony color palette (#FFDADA, #CE71AA, #3F9E71, #00817D, #412021)
• Sand Terrace color palette (#FFF1F3, #F3D3C6, #EABD87, #8789BB, #583232)
• Ancient Plum color palette (#FFE8E9, #DB87C5, #56AA72, #A44B90, #00411F)

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