Textile Color Swatch

Open Color textile direction

Open Orange Tonal Cloth textile color palette

A controlled orange ladder for range planning, trims, labels, and fabric color approvals. 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.

warmutilityenergetictonal
Open Library

Textile Direction

How to use Open Orange Tonal Cloth

Best For

  • orange product families
  • tonal capsule planning
  • woven labels and trims
  • digital-to-fabric handoff

Materials

  • cotton twill
  • piece-dyed jersey
  • washed poplin
  • woven tape

Color Roles

  • Use the two darkest orange values for anchors, typography, buttons, or structural panels.
  • Let the middle orange values carry main fabric options when the range needs visible steps.
  • Reserve the pale values for linings, grounds, packaging, and digital backgrounds.

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: #D9480F;
--palette-2: #E8590C;
--palette-3: #F76707;
--palette-4: #FF922B;
--palette-5: #FFC078;
--palette-6: #FFE8CC;

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: #D9480F;
  --color-palette-2: #E8590C;
  --color-palette-3: #F76707;
  --color-palette-4: #FF922B;
  --color-palette-5: #FFC078;
  --color-palette-6: #FFE8CC;
}

Related Palettes

Similar textile color stories

Open Gray Tonal Cloth

A full gray tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.

Open Red Tonal Cloth

A full red tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.

Open Pink Tonal Cloth

A full pink tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.

Open Grape Tonal Cloth

A full grape tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.