Featured

CSS / SCSS color variables generator

Generate your custom color variables with our easy-to-use CSS and SCSS Variables Generator to easily create and manage your CSS and SCSS custom variables.

Color primary

Color tones

Primary - 500

#382bf0

Primary - 600

#3425bb

Primary - 700

#2d1e89

Primary - 800

#24185a

Primary - 900

#18102f

Code

 
css
      
        /** CSS PRIMARY COLORS */
--color-primary-500:  #382bf0;
--color-primary-600:  #3425bb;
--color-primary-700:  #2d1e89;
--color-primary-800:  #24185a;
--color-primary-900:  #18102f;
/** EXAMPLES */
color: var(--color-primary-500);
background-color: var(--color-primary-900);

      

Click a code line to select it and press CTRL + C to copy it