---
title: Color Constants
description: >-
  Predefined color constants available in kScript for chart visualization and
  plotting.
---


<div class="flex gap-3 mb-6">
  <span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green-50 text-green-600 text-sm font-medium">
    Reference
  </span>
  <span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-gray-100 text-gray-600 text-sm font-medium">
    2 min read
  </span>
</div>

## Available Color Constants

kScript provides predefined color constants that can be used directly in plotting functions and style definitions.

|     | Color | Hex Value | Usage |
| --- | ----- | --------- | ----- |
| <span class="color-swatch" style="background:#FFFF00"></span> | `yellow` | `#FFFF00` | Highlights, warnings |
| <span class="color-swatch" style="background:#FFA500"></span> | `orange` | `#FFA500` | Accent color, signals |
| <span class="color-swatch" style="background:#800080"></span> | `purple` | `#800080` | Secondary indicators |
| <span class="color-swatch" style="background:#808080"></span> | `gray` | `#808080` | Neutral, background |
| <span class="color-swatch" style="background:#000000"></span> | `black` | `#000000` | Text, borders |
| <span class="color-swatch" style="background:#FFFFFF"></span> | `white` | `#FFFFFF` | Light themes, contrast |
| <span class="color-swatch" style="background:#FF0000"></span> | `red` | `#FF0000` | Bearish, sell signals |
| <span class="color-swatch" style="background:#008000"></span> | `green` | `#008000` | Bullish, buy signals |
| <span class="color-swatch" style="background:#0000FF"></span> | `blue` | `#0000FF` | Primary indicators |
| <span class="color-swatch" style="background:#C0C0C0"></span> | `silver` | `#C0C0C0` | Subtle backgrounds |
| <span class="color-swatch" style="background:#800000"></span> | `maroon` | `#800000` | Dark red tones |
| <span class="color-swatch" style="background:#FF00FF"></span> | `fuchsia` | `#FF00FF` | Vibrant highlights |
| <span class="color-swatch" style="background:#00FF00"></span> | `lime` | `#00FF00` | Bright green |
| <span class="color-swatch" style="background:#808000"></span> | `olive` | `#808000` | Muted yellow-green |
| <span class="color-swatch" style="background:#000080"></span> | `navy` | `#000080` | Dark blue |
| <span class="color-swatch" style="background:#008080"></span> | `teal` | `#008080` | Blue-green |
| <span class="color-swatch" style="background:#00FFFF"></span> | `aqua` | `#00FFFF` | Bright cyan |

## Using Colors in Your Scripts

### Single Color Plot

Use a single color constant for simple line plots:

```javascript title="Single Color Plot" lines wrap
//@version=2

define("Simple SMA", "onchart", true);

timeseries trade = ohlcv(currentSymbol, currentExchange);
var sma20 = sma(trade, 20, 4);

// Use a single color constant
plotLine(value=sma20, width=2, colors=["orange"], label=["SMA 20"], desc=["20-period Simple Moving Average"]);
```

### Multi-Color Indicators

Combine multiple colors for complex multi-line indicators:

```javascript title="Multi-Color Indicators" lines wrap
//@version=2

define("Multi-MA", "onchart", true);

timeseries ohlcvData = ohlcv(currentSymbol, currentExchange);

var sma10 = sma(source=ohlcvData.close, period=10);
var sma20 = sma(source=ohlcvData.close, period=20);
var sma50 = sma(source=ohlcvData.close, period=50);

// Use multiple color constants
plotLine(value=sma10, width=2, colors=["blue"], label=["SMA 10"], desc=["10-period SMA"]);
plotLine(value=sma20, width=2, colors=["orange"], label=["SMA 20"], desc=["20-period SMA"]);
plotLine(value=sma50, width=2, colors=["green"], label=["SMA 50"], desc=["50-period SMA"]);
```

### Conditional Colors

Use color arrays with `colorIndex` to change colors based on conditions:

```javascript title="Conditional Colors" lines wrap
//@version=2

define("RSI Colored", "offchart", true);

timeseries ohlcvData = ohlcv(currentSymbol, currentExchange);
var rsiValue = rsi(source=ohlcvData.close, period=14);

// Color based on RSI level
var colorIndex = rsiValue > 70 ? 0 : (rsiValue < 30 ? 1 : 2);

plotLine(value=rsiValue, width=2, colors=["red", "green", "blue"], colorIndex=colorIndex, label=["RSI"], desc=["RSI with conditional colors"]);
```

## Recommended Color Palettes

Pre-designed color combinations that work well together for different types of indicators.

### Trading Signals

Classic colors for buy/sell signals and trend indicators:

```javascript lines wrap
var colors = ["green", "red", "blue"];
```

### Technical Analysis

Professional colors for technical indicators and overlays:

```javascript lines wrap
var colors = ["orange", "purple", "teal"];
```

### Volume Analysis

Distinct colors for volume-based indicators:

```javascript lines wrap
var colors = ["lime", "yellow", "fuchsia"];
```

## Best Practices

<table data-view="cards"><tbody>
<tr><td>Consistent Branding</td><td>Use the same color scheme across related indicators for visual consistency.</td><td></td></tr>
<tr><td>Accessibility</td><td>Choose colors with sufficient contrast for better readability. Avoid relying solely on color to convey information.</td><td></td></tr>
<tr><td>Semantic Colors</td><td><p>Use meaningful colors that match user expectations:</p><ul><li><strong>Green</strong> for bullish signals, gains, positive values</li><li><strong>Red</strong> for bearish signals, losses, negative values</li><li><strong>Blue</strong> for neutral indicators and reference lines</li><li><strong>Orange/Yellow</strong> for warnings and attention-grabbing elements</li></ul></td><td></td></tr>
</tbody></table>