Tempered Driftwood color palette — #FFF1F4 · #D2A5D9 · #87B379 · #9F68A8 · #314A29

Dusty Rose and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#D2A5D9): A luminous, balanced pink — the color of neon signs at night.
• Sage (#87B379): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#9F68A8): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Olive (#314A29): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Driftwood 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 Raspberry Bloom color palette (#FFF2F0, #EA9DBC, #50BAA5, #B95E85, #0D4D42)
• Pale Mint color palette (#F5F3FF, #F3BFFB, #7CD37B, #AC6FB5, #0F413C)
• Chalky Byzantium color palette (#FFF1F3, #BD8BC1, #609B54, #93379D, #2D4B27)
• Chalky Cornflower color palette (#FFF0FB, #A4B3F5, #BFA150, #6978CE, #524003)
• Soft Amber color palette (#FFF1F3, #C98CC5, #B5943A, #3295A4, #4E2D32)
• Hushed Ash color palette (#FFF1F3, #E3D7D0, #D1BF93, #9F8FB8, #5D4545)
• Basalt Lantern color palette (#FFF2EB, #D8B69B, #B5816F, #8D5957, #573400)
• Antique Stone Terrace color palette (#FFF2EF, #DCC187, #93616D, #5D3630, #2C1D1B)

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