HueHive

#828fb0 Primary Main

#A6B7D9 Primary Light

#4F5D7F Primary Dark

Material UI 2 Primary Color Variants

Palette Description

Based on the primary main color #828fb0 that you’ve provided for a dark mode palette, I will generate appropriate light and dark variants suitable for a Material UI 2 palette.

Generated Colors:

Primary Light: A lighter shade that provides a softer look while maintaining harmony with the primary main.
Primary Dark: A darker shade that enhances depth and contrast.

Here’s the color palette in JSON format:

json
{
  "palette_name": "Material UI 2 Primary Color Variants",
  "colors": [
    {
      "name": "Primary Main",
      "hex_code": "
                            
                            #828fb0
                        "
    },
    {
      "name": "Primary Light",
      "hex_code": "
                            
                            #A6B7D9
                        "
    },
    {
      "name": "Primary Dark",
      "hex_code": "
                            
                            #4F5D7F
                        "
    }
  ]
}

Palette Description:

Primary Main: #828fb0 is a soft blue-gray that can act as a versatile base color.
Primary Light: #A6B7D9 is a lighter variant that brightens the palette while still feeling cohesive.
Primary Dark: #4F5D7F is a darker shade that adds contrast, suitable for emphasizing components in a dark theme.

Would you like further adjustments or additional colors for your palette?