Pine Terrace color palette — #EEF7F6 · #A8CCA2 · #707AA9 · #53794B · #292E39

Olive and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Pistachio (#A8CCA2): A luminous, dusty green — the color of fresh herbs.
• Slate (#707AA9): A full-bodied, dusty violet — the color of wild irises.
• Olive (#53794B): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#292E39): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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 Cypress Terrace color palette (#ECF7FA, #88CFCA, #936E98, #007E79, #2E2C37)
• Lagoon Orchard color palette (#F0F7F2, #A4CBB1, #288C97, #7F6B2A, #1E3138)
• Aged Pine Grove color palette (#F0F3EC, #BBC9A7, #468AB9, #07865D, #091915)
• Emerald Workshop color palette (#EEF7F7, #ACDCDC, #6FA1CD, #1BA575, #222F3C)
• Weathered Teal Field color palette (#FFF0FA, #71B99D, #527C9E, #7D4A3C, #314D55)
• Powdered Navy color palette (#E1FFDB, #93D0BB, #5092A1, #345F88, #3B3C77)
• Aubergine Lagoon color palette (#D6EEF5, #008887, #61007D, #003A3A, #040015)
• Patina Lagoon color palette (#EEF7F8, #D7DBE1, #B3A8AE, #598B92, #4B5456)

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