Tempered Pine color palette — #FAE6E2 · #9B7C32 · #387C4A · #573E67 · #1A0725

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

The five colors

• Rose Water (#FAE6E2): A whisper-light, dusty orange — the color of toasted spice.
• Walnut (#9B7C32): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#387C4A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#573E67): A full-bodied, dusty violet — the color of a velvet chair.
• Ink (#1A0725): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, 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

• Quiet Garnet Harbor color palette (#F5D8CB, #948330, #007763, #762B45, #2C0011)
• Patina Bronze color palette (#FFE8FA, #A77568, #766910, #553A6F, #1A0828)
• Fern Corridor color palette (#F1DABC, #7E7A26, #1D620C, #073163, #170938)
• Ancient Coast color palette (#F7EED4, #5C9A5D, #007263, #67305E, #000901)
• Aged Olive Terrace color palette (#F0E2CB, #807D00, #30512C, #03204A, #020008)
• Petrol Villa color palette (#E4DFD2, #72A572, #00828D, #7F403C, #371608)
• Quiet Bronze color palette (#F5DEC8, #967A00, #576700, #005118, #000D06)
• Patina Byzantium color palette (#F1ECCF, #7E7000, #A600A6, #9E0069, #020200)

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