Pine Terrace color palette — #F1F3EB · #D0D8D3 · #B1BBAA · #04793B · #1F2216

Pine and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#D0D8D3): bright and airy, almost weightless.
• Stone (#B1BBAA): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#04793B): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1F2216): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Aged Cypress Dune color palette (#EBF5EB, #C9D8CC, #8BB79E, #00696A, #0D1F0E)
• Patina Pine Harbor color palette (#EFF7F6, #CEDCE5, #99BAC5, #417141, #303E3C)
• Timeworn Emerald Corridor color palette (#F5F6EF, #D4DDD8, #A9AEBF, #559D5A, #2E2F28)
• Worn Market color palette (#CDEAD3, #87AF9A, #538373, #584570, #421C25)
• Velvet Cypress Studio color palette (#DCEAD5, #007565, #162B15, #051001, #010300)
• Worn Abyss Cabin color palette (#ECF1E6, #AFB6AA, #7E9579, #005137, #080D03)
• Linen Teal color palette (#E9F7E0, #86D8A8, #00C5A8, #009096, #001D1A)
• Onyx Field color palette (#E1EBE5, #82918A, #537368, #002F3A, #000201)

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