How to compose a color palette in CSS?

Question

css

I want to create a palette in variables that I will use when designing the site, but all I know is: there are primary, secondary and accent colors .. but, as I see it, shades are needed for them, then +6 colors are obtained:

:root{
   --c-ma:/*осн*/;
   --c-mi:/*втор*/;
   --c-ac:/*акц*/;
   --cl-ma:/*св осн*/;
   --cl-mi:/*св втор*/;
   --cl-ac:/*св акц*/;
   --cd-ma:/*тем осн*/;
   --cd-mi:/*тем втор*/;
   --cd-ac:/*тем акц*/;
}

Sobsna, questions: Do I think correctly? Is not it too much? What else to add?

Answer 1

one question: why ?
if there is a layout / design, take the colors from it, if not, do whatever you like so that it doesn’t rip out
there is no such rule that you need only 3 colors, it came from designers or from lazy typesetters, that’s not the point, it’s important that this is not a verdict