To use custom colours throughout the website, you can add them by going into Site Settings > Custom Colours.
Add a hex code in this area, as highlighted below, and click on Done when finished.
The custom colour added will now show as a colour option on areas where a colour picker is available (E.g. Text Settings, Button Settings, Site Background etc.)