Colors

The 4Sale color system. 11 palettes x 10 shades. Click any cell to copy its JSON spec.

primary

neutral

warning

success

error

info

energy

purple

cyan

pink

shades

JSON Format

Palette Color

{
  "palette": "primary",
  "shade": 500,
  "alpha": 0.8        // optional, 0.0-1.0
}

Hex Color

{
  "hex": "#1D4AFF",
  "alpha": 0.5         // optional
}

Gradient Color

{
  "start": { "palette": "primary", "shade": 500 },
  "end": { "palette": "purple", "shade": 500 },
  "angle": 0,          // 0 = left->right, degrees
  "stop": 0.7          // optional gradient stop
}