Pine Terrace color palette — #E7F6F1 · #A4BC94 · #51844D · #674B5C · #132D28

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

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Sage (#A4BC94): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#51844D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#674B5C): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Forest (#132D28): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Lagoon Archive color palette (#E8F5F5, #85C2AF, #1F867A, #395972, #142C2E)
• Weathered Cypress Loft color palette (#FCF5E3, #A1B88C, #47825F, #6E5059, #484500)
• Worn Pine color palette (#E9F5F1, #8DAA7B, #3A7439, #584314, #00221D)
• Bronze Studio color palette (#F7F6EB, #B4CEA1, #719D6B, #9C6138, #474500)
• Tempered Jade Drift color palette (#EEF8F2, #B3EBF4, #67B183, #757292, #203F38)
• Sunlit Olive Atelier color palette (#FFECF3, #BE7C39, #658E2C, #A0496B, #2E1520)
• Tempered Bronze color palette (#FFECF2, #E9B07A, #A56400, #653900, #231100)
• Pine Atelier color palette (#CFEBE5, #448B46, #00522A, #332900, #000B01)

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