Textile Color Swatch

Open Color textile direction

Open Teal Material Neutral textile color palette

A restrained teal 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.

mineralmodernfreshneutral
Open Library

Textile Direction

How to use Open Teal Material Neutral

Best For

  • neutral teal 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 teal 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: #099268;
--palette-4: #12B886;
--palette-5: #63E6BE;
--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: #099268;
  --color-palette-4: #12B886;
  --color-palette-5: #63E6BE;
  --color-palette-6: #F1F3F5;
}

Related Palettes

Similar textile color stories

Open Gray Material Neutral

A neutral-led gray textile palette that uses Open Color chroma as a material accent rather than the full surface.

Open Red Material Neutral

A neutral-led red textile palette that uses Open Color chroma as a material accent rather than the full surface.

Open Pink Material Neutral

A neutral-led pink textile palette that uses Open Color chroma as a material accent rather than the full surface.

Open Grape Material Neutral

A neutral-led grape textile palette that uses Open Color chroma as a material accent rather than the full surface.