Tempered Pine color palette — #F5DEC8 · #908650 · #37784F · #56375C · #220222

Pine and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F5DEC8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#908650): A luminous, dusty green — the color of fresh herbs.
• Pine (#37784F): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#56375C): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#220222): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Worn Olive Workshop color palette (#FFE9E0, #A17A59, #5A6D0A, #463A7E, #280125)
• Faded Corridor color palette (#E9E9D6, #5E9261, #007676, #702E42, #320002)
• Ancient Terrace color palette (#D2E6DE, #5F874F, #2A6544, #003944, #001322)
• Olive Courtyard color palette (#EEE6D1, #7F7A00, #456400, #004B1D, #000E08)
• Antique Lagoon color palette (#E7DFC0, #7DB07E, #059295, #8C5269, #491715)
• Frosted Grape Studio color palette (#F1F1E3, #5F992A, #940F6D, #7400AF, #010200)
• Softworn Forest Courtyard color palette (#EFE4DE, #49B4AF, #008396, #006135, #000B13)
• Emerald Workshop color palette (#E5F2E5, #00AB60, #007933, #00421A, #000300)

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