Pine Terrace color palette — #F8EFDC · #A1B169 · #2A8F4E · #5C3700 · #171700

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8EFDC): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A1B169): A luminous, balanced green — the color of fresh herbs.
• Fern (#2A8F4E): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5C3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#171700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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 Garnet color palette (#F5E6DA, #C5A154, #737F22, #771F00, #1F1300)
• Jade Garden color palette (#DBE6D0, #56B77E, #008F7D, #4A4300, #092200)
• Wandering Lagoon Station color palette (#F3E3CC, #85A26B, #009090, #612400, #080A00)
• Dusty Terracotta Boulevard color palette (#F3EEDA, #96BC72, #00A79E, #A13400, #1D1F00)
• Weathered Summit color palette (#EFFAE0, #A5EBE5, #7FC1D8, #4C7840, #2F4325)
• Hushed Clover color palette (#F1EAD5, #B5C660, #28C25A, #A56C00, #151800)
• Powdered Thicket color palette (#F7FBBC, #B8E689, #26BF8A, #7A5700, #383F09)
• Chalky Corridor color palette (#F0FAD8, #98D9C7, #4FA4AE, #445F00, #033824)

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