The Zinc color preset — neutral dark, the shadcn/ui default.
Design language
Zinc is an achromatic palette built around warm-neutral grey tones with a barely-perceptible warm hue (hue angle ~285°). It is the default preset for shadcn/ui and the reference starting point for PhiaUI.
Use Zinc when you want:
- A professional, unobtrusive UI that puts content first.
- Maximum compatibility with existing Tailwind grey-based designs.
- A dark mode that feels genuinely dark (near-black background) without being harsh.
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-360), irrelevant when C is near 0
The near-zero chroma values (C ≈ 0.004–0.016) give zinc its characteristic "warm grey" look — just enough hue to avoid the clinical coldness of pure neutral greys.
Radius
Uses 0.625rem (10px at 16px base font) — slightly rounder than a sharp
0.5rem, giving a friendly yet restrained appearance.
Summary
Functions
@spec theme() :: PhiaUi.Theme.t()
Returns the Zinc theme preset struct.
Example
iex> theme = PhiaUi.Themes.Zinc.theme()
iex> theme.name
"zinc"
iex> theme.radius
"0.625rem"