Tempered Driftwood color palette — #FFF1F7 · #F1D2D4 · #B8A197 · #778773 · #465447

Driftwood and Shell Pink set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Shell Pink (#F1D2D4): A whisper-light, dusty red — the color of a theater curtain.
• Taupe (#B8A197): A luminous, dusty orange — the color of autumn markets.
• Driftwood (#778773): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#465447): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Driftwood Workshop color palette (#E4FCF2, #E3C8D9, #C49EA4, #81833B, #41530B)
• Hushed Ash color palette (#FAF1FF, #D6C6D6, #A2889C, #5C7766, #3F5455)
• Worn Garden color palette (#F6E0FD, #CE99A6, #9C7456, #21697D, #124056)
• Worn Fern color palette (#F6F5EE, #CED5B9, #8EA382, #997078, #485406)
• Tempered Cerulean color palette (#F9F4EF, #C7DEEC, #9DB2D9, #2996A2, #654859)
• Dusty Cerulean color palette (#FFF2EE, #D9A0A3, #56B8AD, #4597BE, #533C35)
• Bronze Harbor color palette (#F6D6DB, #D29D80, #968927, #415899, #462F64)
• Hushed Rust Hollow color palette (#FFF1F4, #E2B1D2, #D187A5, #A5585F, #59514D)

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