Tempered Ash Villa color palette — #FFF1F4 · #AF86BB · #61996E · #318073 · #523B41

A conversation between Dusty Rose and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Dusty Rose (#AF86BB): A luminous, balanced pink — the color of peonies in June.
• Fern (#61996E): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#318073): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#523B41): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Worn Field color palette (#FFF2EF, #BB7A8D, #4C8C88, #186D6A, #4A3836)
• Olive Coast color palette (#FFF0F9, #9192C6, #9D8752, #6B783A, #4F3B47)
• Worn Lagoon color palette (#F2EFFF, #B68ABA, #A88948, #008993, #282339)
• Washed Harbor color palette (#FFF1F3, #CBA0CE, #C29F59, #00A6B2, #523B3F)
• Frosted Station color palette (#FFE3E4, #C348A1, #00866C, #00676F, #46213B)
• Hushed Driftwood Grove color palette (#FFF1F6, #E4DAD3, #D2C5A3, #9E8099, #644C4C)
• Driftwood Delta color palette (#FFF1F3, #E8BCE1, #976D98, #633E62, #502A2D)
• Wandering Bronze Summit color palette (#FBF5E4, #BBBA99, #977D36, #805215, #3E5006)

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