Tempered Pine color palette — #F2F5FF · #A396DE · #B07435 · #1D7336 · #0A202E

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Wisteria (#A396DE): A luminous, balanced violet — the color of twilight just after sunset.
• Caramel (#B07435): A luminous, balanced gold — the color of honey in a jar.
• Pine (#1D7336): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#0A202E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Forest Alley color palette (#F5F4FE, #D3A8E3, #BC7649, #136E2E, #002E4B)
• Bronze Lagoon color palette (#F5F4FF, #CC9CCE, #928000, #006554, #0C1B2E)
• Muted Amber color palette (#EFF6FF, #80B0E9, #C06F50, #585A00, #001F27)
• Amber Atelier color palette (#F0F6FF, #94B4FF, #E67121, #00908E, #222D40)
• Wandering Fern color palette (#E6FCEA, #DBBEF2, #C1779B, #5C6B1D, #332D45)
• Chalky Pine Chapel color palette (#FCF1FE, #D07585, #097F32, #004B5F, #07051A)
• Violet Chapel color palette (#FFECF4, #8D63D4, #725B00, #534200, #091609)
• Soft Orchid Field color palette (#F4F4FF, #A549EB, #7A6000, #004833, #000615)

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