Tempered Forest color palette — #F5E9F2 · #D19BAC · #9A7B92 · #3E6C42 · #003F39

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

The five colors

• Blush (#F5E9F2): bright and airy, almost weightless.
• Rosewood Mist (#D19BAC): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#9A7B92): A luminous, dusty pink — the color of peonies in June.
• Pine (#3E6C42): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#003F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Patina Ash Courtyard color palette (#ECECFF, #B899CD, #9D6883, #695E23, #273C18)
• Aged Forest color palette (#FFF0FD, #E6A5B9, #B97B6A, #326238, #1C2C15)
• Dusty Alley color palette (#E5D6FF, #CEB3D2, #A38397, #387070, #274A54)
• Weathered Amber Meadow color palette (#F4DDEE, #DA9FCA, #CA8068, #5D8369, #003F48)
• Ancient Bronze Lantern color palette (#E7DAE7, #CDA18D, #907840, #176D6F, #003B51)
• Wandering Abyss Ridge color palette (#F3D6E2, #B88685, #966749, #06523D, #002A2E)
• Tempered Navy color palette (#D6E3FF, #8F98C1, #8D5977, #005654, #1F3361)
• Shell Pier color palette (#FFF0FA, #EACCD7, #95AB9E, #768992, #404F60)

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