Как и во всех продуктах компании Canonical, у нас используется следующее цветовое оформление (автор - Michał Prędotka, подробнее можно посмотреть в комплекте документации Ubuntu):

Операционная система и цветовая палитра приложений#

../../_images/color-white.svg

  • #FFFFFF Белый

Рекомендуется для фона в теме Ambiance (светлая тема) или стандартного текста в теме Suru Dark.

../../_images/color-TextGrey.svg

  • #111111 Гагат

Рекомендуется для обычного текста в теме Ambiance или фона в теме Suru Dark.

../../_images/UT-color-inkstone.svg

  • #3B3B3B Чернильный камень

Рекомендуется для цветов переднего плана в темных темах.

../../_images/UT-color-Slate.svg

  • #5D5D5D Сланец

Рекомендуется для текста и значков действий.

../../_images/UT-color-Graphite.svg

  • #666666 Графит

Рекомендуется для фона темных тем оформления.

../../_images/UT-color-Ash.svg

  • #888888 Пепел

Рекомендуется для субтитров и второстепенного контента.

../../_images/UT-color-Silk.svg

  • #CDCDCD Шёлк

Рекомендуется для нейтральных клавиш и дополнительного текста.

../../_images/UT-color-Porcelain.svg

  • #F7F7F7 Фарфор

Рекомендуется для переднего плана.

../../_images/UT-color-Blue.svg

  • #335280 Синий

Рекомендуется для строк состояния, выделенного текста и областей, текстового курсора. Также используется для нейтральных действий (в теме Ambiance).

../../_images/UT-color-lightBlue.svg

  • #19B6EE Светло-синий

Рекомендуется для строк состояния, выделенного текста и областей, текстового курсора. Также используется для нейтральных действий (в теме SuruDark).

../../_images/UT-color-Green.svg

  • #0E8420 Зелёный

Рекомендуется для кнопок положительного действия (Ambiance).

../../_images/UT-color-lightGreen.svg

  • #3EB34F Светло-зелёный

Рекомендуется для кнопок положительного действия (SuruDark).

../../_images/color-Red.svg

  • #C7162B Красный

Рекомендуется для кнопок негативных действий, ошибок и предупреждений (Ambiance).

../../_images/color-lightRed.svg

  • #ED3146 Светло-красный

Рекомендуется для кнопок отрицательных действий, ошибок и предупреждений (SuruDark).

../../_images/color-orange.svg

  • #E95420 Оранжевый

Оранжевый цвет используется для «фирменных» элементов Ubuntu Touch, а также для привлечения внимания.