Updated for Vuetify 2.
Now you can build a light and a dark theme at the same time.
Switch between them and tweak the colors 'til your heart’s content.

Go now and build an awesome color theme for your Vue.js + Vuetify application!

§ Generated code

Any changes made to the colors below will be reflected in this code section.
When you are done, come here and copy this JavaScript.

const vuetifyOpts = {
  rtl: false,
  theme: {
    dark: true,
    themes: {
      dark: {
        primary: '#21cff3',
        accent: '#FF4081',
        secondary: '#ffe18d',
        success: '#4CAF50',
        info: '#2196F3',
        warning: '#FB8C00',
        error: '#FF5252'
      },
      light: {
        primary: '#1976D2',
        accent: '#e91e63',
        secondary: '#30b1dc',
        success: '#4CAF50',
        info: '#2196F3',
        warning: '#FB8C00',
        error: '#FF5252'
      }
    }
  }
}

§ Color theme builder

§ Useful links

§ Palette generators

• Material Design Theme & Palette Color Generator
• Material Color Generator

§ UI samplers

• Google’s Color Tool

§ General knowledge

• How to create custom palette with custom color for Material Design App?