Pine Terrace color palette — #E7F6ED · #90AA75 · #217649 · #1E4D5C · #02221C

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

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#90AA75): A luminous, dusty green — the color of new leaves after rain.
• Pine (#217649): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#1E4D5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#02221C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Forest color palette (#E1FCF5, #7CA974, #377147, #245356, #143D38)
• Worn Pine color palette (#E3F8EC, #93B479, #00804F, #5A3C77, #002721)
• Aged Emerald Corridor color palette (#DCEDE6, #639E62, #00644D, #4C2757, #001614)
• Softworn Veranda color palette (#D8EBD6, #A89600, #486700, #2F3674, #1A1600)
• Emerald Ridge color palette (#F6F6E5, #B4DDB0, #4E9D68, #3A6F5E, #282A0D)
• Ancient Olive Studio color palette (#DAF1E7, #518847, #00513A, #003038, #000A08)
• Antique Atelier color palette (#F6EFF4, #95D4D9, #0089AC, #005E44, #05223A)
• Feathered Workshop color palette (#CEE3FE, #3578E0, #966200, #4A660C, #02132C)

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