Pine Terrace color palette — #E7ECDE · #007C4E · #003C53 · #00331D · #000201

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

The five colors

• Parchment (#E7ECDE): bright and airy, almost weightless.
• Pine (#007C4E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003C53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#00331D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Antique Navy color palette (#E4F2E3, #007874, #011A9A, #00312F, #00000B)
• Ancient Boulevard color palette (#DCF3EF, #3A7A18, #002C76, #0F2F00, #000109)
• Cypress Loft color palette (#F4E8CE, #00635C, #003445, #2C0014, #000202)
• Abyss Garden color palette (#DEE7DA, #94A596, #688374, #004037, #020600)
• Emerald Basin color palette (#DDF2F1, #009C63, #005886, #005333, #000205)
• Gentle Aubergine Villa color palette (#D7E7E0, #0082B7, #601585, #003B56, #030005)
• Twilit Boulevard color palette (#EAF0E3, #004530, #3B0062, #290002, #010100)
• Nightshade Dune color palette (#DDE8E0, #009EB7, #4C45A0, #00505D, #070004)

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