back to palettes
Color lane

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.

Signature · the star
primary accentSignal cobalt · #285ad8
Telemetry teal · #00a3a3
Spectral violet · #7c3aed
Neutrals · the ground
bg
#f7f9fc
surface
#ffffff
text
#111827
muted
#667085
border
#d6dce8
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
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.
Don't
  • · 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 it

remix with this palette

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

UI language
Palette · fixed
Spectral Graphite Adaptive
Art style
Landing Page
no composition
live preview · recolored + filled