Come progettato da Canonical, usiamo la seguente tavolozza di sistema (da Michał Prędotka e dalla documentazione di Ubuntu):

Sistema operativo e tavolozza delle app#

../../_images/color-white.svg
  • #FFFFFF Bianco

Consigliato per lo sfondo del tema Ambiance (tema chiaro) o per il testo normale del tema Suru Dark.

../../_images/color-TextGrey.svg
  • #111111 Jet

Consigliato per testo normale su tema Ambiance o sfondo in Suru Dark.

../../_images/UT-color-inkstone.svg
  • #3B3B3B Inkstone

Consigliato per i colori in primo piano nei temi scuri.

../../_images/UT-color-Slate.svg
  • #5D5D5D Ardesia

Consigliato per le icone di testo e di azione.

../../_images/UT-color-Graphite.svg
  • #666666 Grafite

Consigliato per colorare lo sfondo di temi scuri.

../../_images/UT-color-Ash.svg
  • #888888 Cenere

Consigliato per sottotitoli e altri contenuti terziari.

../../_images/UT-color-Silk.svg
  • #CDCDCD Seta

Consigliato per pulsanti di azione neutri e testo secondario.

../../_images/UT-color-Porcelain.svg
  • #F7F7F7 Porcellana

Consigliato per i primi piani.

../../_images/UT-color-Blue.svg
  • #335280 Blu

Consigliato per barre di avanzamento, aree selezionate, selezione del testo e cursore di testo. Anche azioni neutre (Ambiance).

../../_images/UT-color-lightBlue.svg
  • #19B6EE Azzurro

Consigliato per barre di avanzamento, aree selezionate, selezione del testo e cursore di testo. Anche azioni neutre (SuruDark).

../../_images/UT-color-Green.svg
  • #0E8420 Verde

Consigliato per i pulsanti ad azione positiva (Ambiance).

../../_images/UT-color-lightGreen.svg
  • #3EB34F Verde Chiaro

Consigliato per i pulsanti ad azione positiva (SuruDark).

../../_images/color-Red.svg
  • #C7162B Rosso

Consigliato per pulsanti di azione negativi e irreversibili, errori e avvisi (Ambiance).

../../_images/color-lightRed.svg
  • #ED3146 Rosso Chiaro

Consigliato per pulsanti di azione negativi e irreversibili, errori e avvisi (SuruDark).

../../_images/color-orange.svg
  • #E95420 Arancione

L’arancione è consigliato per gli elementi di marca, la concentrazione e l’intensità.