Revise the color pallet #6
Description
Currently, the colour palette is very simple. However, for better management of the two themes (light/dark) and a new, more modern website, we need a more comprehensive and standardised palette.
In many cases, we use a palette of 11 colours (50, 100, 200, 300 ... 800, 900, 950).
https://webpack.js.org/branding/#color-palette
The problem is that if you create a palette like this, it gets stuck at the blue level. If you create it on ‘Malibu’ or ‘Denim’, the two colour palettes do not overlap.
The solution creates a new blue colour palette from one of the two blues (to be chosen) and updates the logo.
As for the neutral colour palette, we can simplify it to ‘Fiord’ and ‘Outer Space’, which are dark greys with blue highlights, and the rest of the palette, which is grey. I think we can get close to the slate from tailwindcss.
To generate colour derivatives, I like to use this tool, which is very good https://uicolors.app/generate/1d78c1