Tempered Forest color palette — #FFF1F2 · #AB72A2 · #8E531D · #0E571A · #003E55

Built around Deep Olive, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Dusty Rose (#AB72A2): A luminous, balanced pink — the color of peonies in June.
• Ochre (#8E531D): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#0E571A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003E55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Terracotta Villa color palette (#FDF1F8, #817FC7, #9A434C, #4C4B00, #004144)
• Fern Hollow color palette (#FFF2ED, #B87372, #6E6500, #00544E, #273366)
• Washed Iris Orchard color palette (#FCEDF6, #7F86CE, #776300, #004A54, #002329)
• Hushed Thicket color palette (#FEEFE4, #B15D29, #2D6300, #004153, #3B1751)
• Quiet Workshop color palette (#FFDFDC, #B83075, #604800, #003C33, #120073)
• Wandering Bronze Corridor color palette (#FFEFF0, #C8ADA8, #B0704D, #3F6F53, #40573E)
• Quiet Bronze color palette (#F0F5FF, #8FA0E6, #9B7D00, #00697E, #003F4D)
• Tempered Corridor color palette (#F6DEDD, #9B577E, #432C26, #2C1919, #140906)

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