Tempered Pine Alley color palette — #ECF5EC · #B4B883 · #538255 · #485B47 · #192C24

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#ECF5EC): bright and airy, almost weightless.
• Sage (#B4B883): A luminous, dusty green — the color of fresh herbs.
• Fern (#538255): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#485B47): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#192C24): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Pine Alley 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

• Muted Mint color palette (#E6F6F0, #83C49D, #378380, #5B4F67, #122C2C)
• Pine Chapel color palette (#E7F7E5, #A4A469, #43723F, #1D4D5D, #092118)
• Pale Mint Dune color palette (#D9E4C7, #7CC270, #00866B, #00615E, #033448)
• Sunlit Jade Orchard color palette (#DAFAF2, #38C297, #007A81, #3F5429, #00281C)
• Bronze Studio color palette (#FDF4E4, #C5EDC3, #90A67C, #91712C, #3A3831)
• Aqua Bloom color palette (#DAF8FF, #49D4C6, #008F81, #004943, #001A19)
• Chalky Teal color palette (#DEF7FA, #00BF9D, #C76B93, #007660, #3E1829)
• Washed Boulevard color palette (#DBE6DC, #6E8300, #00522B, #003039, #060900)

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