Pine Terrace color palette — #E1F7F4 · #82B282 · #C5774C · #017A1D · #431900

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

The five colors

• Ivory (#E1F7F4): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#82B282): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#C5774C): A luminous, balanced orange — the color of autumn markets.
• Olive (#017A1D): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#431900): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Amber Archive color palette (#E6F5F7, #60B6A1, #B08536, #007662, #362400)
• Washed Pine color palette (#F4F8E3, #7BAF7A, #BD689D, #2C782F, #5A344B)
• Dusty Workshop color palette (#F3F8E3, #80CC8E, #E28C59, #429455, #47413C)
• Cerulean Meadow color palette (#E4F7EE, #A8A86E, #00A0AC, #6B6800, #002E32)
• Chalky Lagoon color palette (#CAF2F4, #009E75, #9E6200, #005B41, #221200)
• Tempered Cocoa Hollow color palette (#E8F6E9, #96B49D, #8E6F3C, #6B4101, #0B2919)
• Forest Archive color palette (#E7F5F7, #AABB8A, #006359, #002F29, #010F12)
• Airy Bloom color palette (#DFF7F9, #6FB49E, #738ACD, #00765E, #17234F)

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