Pine Terrace color palette — #F5F8DE · #7DBD77 · #DC6E3A · #167811 · #2E0C00

Olive takes the lead with Coral Clay close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F5F8DE): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#7DBD77): A luminous, balanced green — the color of a quiet forest floor.
• Coral Clay (#DC6E3A): A luminous, balanced orange — the color of toasted spice.
• Olive (#167811): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#2E0C00): 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

• Patina Summit color palette (#ECFBDE, #3DC49E, #C28300, #00755B, #241500)
• Hazy Meadow color palette (#F2F9E0, #85D49C, #EC8A40, #008E49, #411D00)
• Worn Peony color palette (#FFF4DE, #C8A80C, #E45795, #766200, #330019)
• Soft Lime color palette (#FCF6DB, #A9B43B, #00A4B9, #636A00, #001C22)
• Bronze Basin color palette (#FFF3E5, #CBAE7D, #A16804, #683900, #191100)
• Powdered Emerald color palette (#F0FBD1, #3BAA65, #0091AD, #866500, #001105)
• Chalky Emerald color palette (#C0E8E1, #349700, #AF4300, #1B5800, #481700)
• Tempered Stone color palette (#EDFAE6, #B0C677, #005F50, #001E18, #000200)

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