Open Color textile direction

Open Pink Material Neutral textile color palette

A restrained pink palette for commercial neutrals, yarn mixes, marl effects, and broad product families. The values come from the MIT-licensed Open Color system, then are arranged here as a textile-ready story with roles for anchors, body cloth, grounds, and trims rather than as a UI-only scale.

softfloralcommercialneutral
Open Library

Textile Direction

How to use Open Pink Material Neutral

Best For

  • neutral pink ranges
  • yarn-dyed textures
  • marl and heather effects
  • commercial basics

Materials

  • heather jersey
  • slub cotton
  • linen blend
  • brushed fleece

Color Roles

  • Use the neutral values for body cloth, grounds, and cross-category consistency.
  • Use the pink notes as controlled color movement inside yarns, stripes, or secondary products.
  • Use the palest shade for labels, linings, digital backgrounds, and packaging systems.

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: #343A40;
--palette-2: #868E96;
--palette-3: #C2255C;
--palette-4: #E64980;
--palette-5: #FAA2C1;
--palette-6: #F1F3F5;

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: #343A40;
  --color-palette-2: #868E96;
  --color-palette-3: #C2255C;
  --color-palette-4: #E64980;
  --color-palette-5: #FAA2C1;
  --color-palette-6: #F1F3F5;
}

Related Palettes

Similar textile color stories