Pine Canyon color palette — #F5F7E8 · #7FB18E · #007D57 · #2E5E2C · #1B442B

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Sage (#7FB18E): A luminous, dusty teal — the color of sea glass.
• Teal (#007D57): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#2E5E2C): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#1B442B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Canyon 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

• Linen Jade color palette (#EAEFD4, #4DA675, #006B4F, #004E47, #00381F)
• Tempered Olive color palette (#FCF5E4, #A5A76E, #617300, #305E1B, #3D3D02)
• Lagoon Coast color palette (#E1FCF4, #8ACD9E, #009C88, #5D722D, #0B4342)
• Patina Lantern color palette (#F3F7EC, #BAC5AF, #738968, #556D56, #3C5717)
• Fern Thicket color palette (#E2DFD1, #6F8345, #2A5000, #003917, #161E00)
• Ancient Amethyst Atelier color palette (#D0F2FF, #008DB1, #774BE7, #007346, #003646)
• Turquoise Terrace color palette (#C9EFEE, #00B4C1, #008291, #005C6D, #223C60)
• Aged Powder color palette (#DBFFEE, #CAE7FF, #8CB9FF, #00788D, #0F4660)

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