Textile Color Swatch

Curated textile palette

Runway Clay textile color palette

Runway Clay moves through espresso, fired terracotta, leather, and sun-warmed beige. It is a practical warm palette for tailoring, leather goods, premium basics, and editorial layouts where earth color should still feel sharp and merchandised.

warmtailoredclaypremium
Natural ColorDye StoriesMerchandising

Textile Direction

How to use Runway Clay

Best For

  • tailoring
  • leather accessories
  • premium basics
  • autumn capsules

Materials

  • suede
  • compact cotton
  • leather
  • wool gabardine

Color Roles

  • Use the espresso and umber shades for structure, belts, buttons, and graphic contrast.
  • Let the clay mid tones drive the main garment or product story.
  • Use the pale beige tones for lining, labels, and warmer background fields.

Color Specs

Palette values and contrast notes

Use these values as digital starting points, then approve final textile standards on the real fabric or substrate.

6 colors
SwatchRoleHEXRGBHSLApprox CMYKText Contrast
Anchor
Depth
Mid tone
Bridge
Ground
Highlight

Developer Handoff

CSS variables

Copy the palette as CSS custom properties.

--palette-1: #4B2F27;
--palette-2: #81543F;
--palette-3: #A86F4D;
--palette-4: #C68E63;
--palette-5: #DFC09B;
--palette-6: #F2E3D2;

Tailwind v4 theme

Use these tokens as palette utilities like bg-palette-1 and text-palette-1.

Copy the palette as Tailwind v4 theme color tokens.

@theme {
  --color-palette-1: #4B2F27;
  --color-palette-2: #81543F;
  --color-palette-3: #A86F4D;
  --color-palette-4: #C68E63;
  --color-palette-5: #DFC09B;
  --color-palette-6: #F2E3D2;
}