Back to palettes

Spectral Graphite Adaptive

A 2026 adaptive enterprise palette: graphite-tonal surfaces, cobalt focus, teal/violet analytic accents, and strict accessible contrast across light and dark modes.

cool-neutral, cobalt on graphite.

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Signal cobalt#285AD8
Telemetry teal#00A3A3
Spectral violet#7C3AED

Neutrals

bg#F7F9FC
surface#FFFFFF
text#111827
muted#667085
border#D6DCE8

Semantic

success#0F7A55
warning#B86E00
error#C6283A
info#285AD8

Ramps

accent
neutral

Using it

Do

  • Use neutral.50 to neutral.100 as the light app canvas and white for cards; in dark mode move the canvas to neutral.950 and cards to neutral.900/800.
  • Reserve Signal cobalt for the primary action, focus rings, selected navigation, and the strongest data series.
  • Use teal and violet as secondary analytic accents only after the cobalt role is established.
  • Prefer subtle containers: accent.50 on light and accent.900/800 on dark with text promoted to high-contrast foreground roles.
  • Use border and muted only for separators, metadata, disabled affordances, and low-emphasis labels.

Avoid

  • Do not use muted as body copy on bg or surface.
  • Do not put warning.500 behind small white text; use warning.900 text on warning.50 containers in light mode.
  • Do not mix cobalt, teal, and violet equally in primary navigation; one hue must lead.
  • Avoid pure black canvases and decorative rainbow gradients outside data or onboarding proof scenes.

Try a remix

Drop Spectral Graphite Adaptive onto any UI language and swap the art style. The preview recolours live.

UI language
Palette
Spectral Graphite Adaptive
Art style