The Slate color preset — cool blue-grey.

Design language

Slate is a cooler, more saturated variant of Zinc. Where Zinc uses near-zero chroma (barely tinted grey), Slate has noticeably more chroma (C ≈ 0.028– 0.046) concentrated in the blue-indigo range (hue angle ~260–265°). The result is a palette that reads as a refined dark blue-grey — sophisticated, calm, and serious.

Use Slate when you want:

• A professional palette with more personality than pure neutral grey.
• A look that pairs well with blue or indigo accent elements.
• An alternative to Zinc for teams that find Zinc too "warm".

Slate vs Zinc

Both Slate and Zinc are neutral-dark presets, but they differ in one key way:

• Zinc (H ≈ 285°, C ≈ 0.004) — slightly warm grey with almost no hue.
• Slate (H ≈ 262–265°, C ≈ 0.028–0.046) — distinctly cool blue-grey with enough chroma to read as a colour-tinted neutral.

Color values

All values are encoded in OKLCH (CSS Color Level 4). The three numeric arguments are:

• L — perceived lightness, 0 (black) to 1 (white)
• C — chroma (color saturation), 0 = achromatic grey
• H — hue angle in degrees (0 = red, 120 = green, 240 = blue)

The dark-mode background oklch(0.13 0.028 261.692) is slightly darker and more saturated than Zinc's, giving dark-mode UIs a distinctly "dark slate" character rather than a plain dark grey.

Radius

Uses 0.5rem (8px at 16px base font) — a standard, precise radius that complements the structured feel of the slate palette.