Huehive Logo

HueHive

#6200EE Primary
#03DAC6 Secondary
#FFFFFF Background
#F0F0F0 Surface
#B00020 Error
#FFFFFF On Primary
#000000 On Secondary
#000000 On Background
#000000 On Surface
#FFFFFF On Error

Material 3 Colors

Palette Description

Here’s a color palette inspired by Material Design 3:

json
{
  "palette_name": "Material 3 Colors",
  "colors": [
    {
      "name": "Primary",
      "hex_code": "
                            
                            #6200EE
                        "
    },
    {
      "name": "Secondary",
      "hex_code": "
                            
                            #03DAC6
                        "
    },
    {
      "name": "Background",
      "hex_code": "
                            
                            #FFFFFF
                        "
    },
    {
      "name": "Surface",
      "hex_code": "
                            
                            #F0F0F0
                        "
    },
    {
      "name": "Error",
      "hex_code": "
                            
                            #B00020
                        "
    },
    {
      "name": "On Primary",
      "hex_code": "
                            
                            #FFFFFF
                        "
    },
    {
      "name": "On Secondary",
      "hex_code": "
                            
                            #000000
                        "
    },
    {
      "name": "On Background",
      "hex_code": "
                            
                            #000000
                        "
    },
    {
      "name": "On Surface",
      "hex_code": "
                            
                            #000000
                        "
    },
    {
      "name": "On Error",
      "hex_code": "
                            
                            #FFFFFF
                        "
    }
  ]
}

This palette includes primary, secondary, background, surface, and error colors, along with their respective “on” colors for text and icons. How do you plan to use these colors?