Tempered Pine color palette — #FFE7EF · #A15E00 · #087621 · #005146 · #341F27

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

The five colors

• Blush (#FFE7EF): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#A15E00): A full-bodied, balanced gold — the color of old brass.
• Olive (#087621): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#341F27): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Airy Forest color palette (#E8F6EC, #927300, #11660D, #004444, #491D00)
• Soft Bronze color palette (#FFF1F7, #BF6713, #4F803D, #703F65, #412B35)
• Ancient Olive color palette (#DBF6E8, #7A7300, #007069, #004D5F, #0F2D20)
• Indigo Corridor color palette (#E7EFFF, #5B66C1, #00734F, #00504E, #1B263E)
• Softworn Field color palette (#DFF6E2, #6A4B00, #005033, #00302F, #140B00)
• Amber Orchard color palette (#FFDFC0, #BF8D34, #846500, #4B3F00, #19310F)
• Sunlit Scarlet Pier color palette (#F5E2F3, #CE313B, #007183, #004D59, #1A0918)
• Patina Chestnut color palette (#FBF2F6, #E5D5D3, #A4BAA6, #915113, #42373C)

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