Pine Corridor color palette — #F0F4E6 · #7FB28C · #B572AC · #00793B · #3C1638

Built around Pine, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Cream (#F0F4E6): bright and airy, almost weightless.
• Sage (#7FB28C): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#B572AC): A luminous, balanced pink — the color of peonies in June.
• Pine (#00793B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#3C1638): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Softworn Lilac Market color palette (#F4F2E6, #9CAD66, #9E79C8, #5C6E00, #2F1E40)
• Peony Loft color palette (#E4FBF8, #76B07B, #BE66A6, #31773A, #5A334F)
• Ancient Boulevard color palette (#EDF4EB, #85C1B8, #CB8595, #008379, #49251F)
• Soft Fuchsia color palette (#E0FCFA, #7DCD93, #D57FD9, #3B955A, #533654)
• Powdered Alley color palette (#E1F9E6, #00ACBD, #D84A53, #006772, #44000A)
• Plum Meadow color palette (#E1F1EC, #009D81, #CB0574, #005A49, #2F0017)
• Feathered Meadow color palette (#ECF7DA, #5C9E7A, #7278BC, #AA4928, #192201)
• Airy Grove color palette (#F4F8E5, #B4E3B5, #E99FD1, #23A53A, #532646)

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