Tempered Pine color palette — #FFF5D5 · #FF967E · #B58600 · #008D2F · #272700

Kelly Green takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF5D5): A whisper-light, dusty green — the color of new leaves after rain.
• Melon (#FF967E): A luminous, balanced orange — the color of toasted spice.
• Mustard (#B58600): A luminous, balanced gold — the color of afternoon light on wheat.
• Kelly Green (#008D2F): A full-bodied, vivid green — the color of a quiet forest floor.
• Onyx (#272700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Pale Market color palette (#FFF0D7, #FFA1B3, #BF9100, #00855B, #0E1100)
• Gentle Amber color palette (#FFF2EA, #FF8CB2, #E26B00, #617500, #362300)
• Mustard Atelier color palette (#FFF4DB, #FFAEAB, #DFA500, #00A881, #2F2700)
• Patina Chapel color palette (#F6F8D5, #DE9B00, #54A900, #007371, #103012)
• Wandering Lime Summit color palette (#FBF7D5, #FFB978, #9BB600, #009C82, #073D0D)
• Sunlit Terrace color palette (#DAEFDC, #B7A900, #009846, #006372, #00201A)
• Ancient Loft color palette (#F7E9CE, #A39100, #546600, #0F4C03, #003B24)
• Muted Mustard color palette (#EFDCCF, #BEA226, #367D49, #5F3C78, #502458)

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