Как писал цвета в проекте

Обычно использую CSS-переменные для цветов, это удобно для темизации и поддержки. В корневом элементе задаю палитру:

:root {
  --primary: #4285f4;
  --secondary: #34a853;
  --error: #ea4335;
  --text: #202124;
  --bg: #ffffff;
}

Для темной темы переопределяю значения:

[data-theme="dark"] {
  --bg: #121212;
  --text: #e8eaed;
}

В компонентах использую через var():

.button {
  background: var(--primary);
  color: var(--text);
}

Для сложных градиентов или прозрачности иногда использую rgba/hsla. Важно соблюдать консистентность и не плодить дублирующие оттенки.