Pine Terrace color palette — #E8F9F8 · #8CBE9A · #C5895E · #068948 · #663F52
Fern takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E8F9F8): a clean, paper-quiet neutral.
- Mint Leaf (#8CBE9A): A luminous, dusty teal — the color of sea glass.
- Caramel (#C5895E): A luminous, balanced gold — the color of honey in a jar.
- Fern (#068948): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#663F52): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Tempered Pine color palette (#E7F5F5, #81C59D, #C285B3, #288557, #352C44)
- Olive Terrace color palette (#ECF8F5, #9EBA8C, #54A4C7, #558133, #245368)
- Patina Emerald color palette (#F3F7EC, #93D6AB, #DD97C6, #4BA06F, #674143)
- Chestnut Harbor color palette (#ECF9EE, #A5C0AE, #6A8971, #735830, #3A4D43)
- Timeworn Petrol color palette (#EAF8FD, #7FBCC4, #A48CC0, #00828E, #494A68)
- Soft Bronze Coast color palette (#E0FBFF, #00AB94, #A57500, #006C5D, #4E3500)
- Weathered Boulevard color palette (#EAF8FF, #5AACC4, #7E9444, #007189, #3B490F)
- Seafoam Terrace color palette (#F2F8E9, #9CE9BE, #A4C9FD, #7DB897, #5B445C)
Browse the whole catalog at Explore, or see today's palette.