Pine Terrace color palette — #DCE2D5 · #008842 · #004D42 · #00292B · #001620

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DCE2D5): bright and airy, almost weightless.
• Fern (#008842): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004D42): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00292B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001620): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Veranda color palette (#D9E8DF, #007E73, #004953, #002739, #001235)
• Washed Emerald color palette (#E4EED6, #00A74C, #00826E, #005B5E, #00141B)
• Aged Cabin color palette (#F5EEDC, #5F7500, #084907, #00241A, #000E14)
• Lagoon Drift color palette (#D1EEF0, #00888A, #003C3B, #001516, #000404)
• Emerald Bloom color palette (#D6E7D2, #00A568, #006F63, #004855, #1D284D)
• Mulberry Veranda color palette (#E0EED8, #006F5C, #8F0033, #00352B, #250008)
• Weathered Turquoise color palette (#D1E7E1, #42ACCB, #7473B8, #2F4700, #002026)
• Worn Garnet color palette (#C6E6E5, #005858, #7A0035, #521200, #000A0A)

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