Pine Terrace color palette — #E8F6EF · #979226 · #07793E · #004B4D · #002037
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F6EF): a clean, paper-quiet neutral.
- Moss (#979226): A luminous, balanced green — the color of new leaves after rain.
- Pine (#07793E): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Frosted Olive color palette (#EBF5EA, #B5823B, #547000, #004C40, #2E1229)
- Wandering Moss color palette (#E7F6F0, #819934, #007661, #00485F, #291C00)
- Weathered Cabin color palette (#EAF5F0, #A7BC8D, #558341, #455C46, #0E2E27)
- Olive Orchard color palette (#C4EBDC, #6E7A00, #005A42, #00323D, #180B00)
- Worn Amber Courtyard color palette (#FFF3E9, #C27134, #00736B, #463F74, #412748)
- Stone Quarry color palette (#D8FCE7, #92C3B0, #608981, #31606F, #213B47)
- Marigold Grove color palette (#FFF3E3, #D59800, #6A8D41, #186C5F, #562920)
- Linen Navy color palette (#DBF4F7, #007D69, #004E64, #19007A, #17001B)
Browse the whole catalog at Explore, or see today's palette.