Pine Terrace color palette — #F5F3DF · #87B687 · #1D7D59 · #384B75 · #06280A

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F3DF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#87B687): A luminous, balanced green — the color of fresh herbs.
• Teal (#1D7D59): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#384B75): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#06280A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, 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

• Timeworn Courtyard color palette (#FFF0D7, #AEAC68, #5A7700, #50446D, #232200)
• Weathered Chapel color palette (#EDEEDA, #579F74, #006451, #2E3363, #0F1500)
• Tempered Moss color palette (#EDE5C7, #76A544, #006E2D, #5E2259, #0D1A00)
• Airy Pine Alley color palette (#E9FBEB, #9BAB6C, #007E45, #7D315C, #364011)
• Antique Alley color palette (#E6FBF4, #95CB96, #369B72, #4B67A5, #224424)
• Driftwood Drift color palette (#F3F2E8, #C3C7A8, #778C4A, #775859, #31322B)
• Timeworn Cobalt color palette (#F9F1E3, #92DCF6, #008DC8, #006263, #00254A)
• Washed Thicket color palette (#FFEDEC, #E461B0, #009A73, #A00572, #00281B)

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