Open Color textile direction
A controlled green 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.
Textile Direction
Color Specs
Use these values as digital starting points, then approve final textile standards on the real fabric or substrate.
| Swatch | Role | HEX | RGB | HSL | Approx CMYK | Text Contrast |
|---|---|---|---|---|---|---|
| Anchor | ||||||
| Depth | ||||||
| Mid tone | ||||||
| Bridge | ||||||
| Ground | ||||||
| Highlight |
Developer Handoff
Copy the palette as CSS custom properties.
--palette-1: #2B8A3E;
--palette-2: #2F9E44;
--palette-3: #37B24D;
--palette-4: #51CF66;
--palette-5: #8CE99A;
--palette-6: #D3F9D8;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: #2B8A3E;
--color-palette-2: #2F9E44;
--color-palette-3: #37B24D;
--color-palette-4: #51CF66;
--color-palette-5: #8CE99A;
--color-palette-6: #D3F9D8;
}Related Palettes
A full gray tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.
A full red tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.
A full pink tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.
A full grape tonal range from dark anchor to pale ground, adapted from Open Color values for textile swatches.