Colors
Convert's color system — the brand palette, the full ink neutral scale, and the tints and surfaces that hold it all together. Click any swatch to copy its hex value.
Note — Convert's design system is actively evolving. These values are current as of the latest update; confirm before using them in permanent or printed materials.
Brand
The core brand colors. Blue is the primary action color; violet carries icons, links and accents.
Blue
Violet
Green
Orange
Logo ink
Neutrals
The ink scale carries every neutral surface and text color. Each step has a documented role.
Tints & surfaces
Soft tints for card backgrounds and the cream surfaces used across marketing pages.
Blue tints
Violet tints
Green tint
Cream surfaces
Usage
Semantic aliases map intent to a palette value. Reference the alias in code — never the raw hex.
| Alias | Value & use |
|---|---|
--color-action-primary |
blue-600 — primary CTAs |
--color-action-hover |
blue-700 — CTA hover |
--color-link |
violet-600 — text links |
--color-text-primary |
ink-900 — headings, body |
--color-text-secondary |
ink-700 — descriptions |
--color-text-muted |
ink-600 — uppercase labels |
--color-border |
ink-400 — default card border |
--color-bg-subtle |
ink-300 — section borders, tab backgrounds |