Pine Corridor color palette — #FFF2EB · #B2FFFB · #00ACC6 · #007743 · #00283B

Pine takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#B2FFFB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ACC6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007743): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00283B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Pine Corridor 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 Azure Lagoon color palette (#FFF2EC, #D4DEF8, #00A8DD, #00755C, #002548)
• Feathered Turquoise color palette (#E5FBF6, #82EFEA, #00C2C9, #009A84, #003A41)
• Aqua Pier color palette (#ECF9EE, #63CBC6, #007C88, #00583F, #003948)
• Tempered Denim Parlor color palette (#F7EAE3, #54B1C4, #005C81, #002C24, #000105)
• Periwinkle Basin color palette (#FAF4EE, #C3E2F7, #7FA2FC, #007D8B, #412334)
• Muted Cerulean color palette (#FFF2EC, #80DEDF, #0088A3, #005435, #000E1A)
• Aged Powder Terrace color palette (#FCF3EF, #BEE7F1, #68C8F3, #31957A, #4D3550)
• Patina Emerald Bloom color palette (#D5FFFB, #D9D8E6, #C7B8B2, #00AC66, #002C33)

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