Huehive Logo

HueHive

#007BFF Primary Blue
#28A745 Secondary Green
#FFC107 Warning Yellow
#DC3545 Danger Red
#17A2B8 Info Cyan
#F8F9FA Light Grey
#343A40 Dark Grey
#6F42C1 Accent Purple
#A52A2A Muted Brown
#28A745 Success Green
#212529 Text Black
#FFFFFF Background White

CSS UI Spectrum

Palette Description

Here is a larger color palette designed for a CSS UI, incorporating a variety of colors that can be used for backgrounds, buttons, text, and accents:

json
{
  "palette_name": "CSS UI Spectrum",
  "colors": [
    {
      "name": "Primary Blue",
      "hex_code": "
                            
                            #007BFF
                        "
    },
    {
      "name": "Secondary Green",
      "hex_code": "
                            
                            #28A745
                        "
    },
    {
      "name": "Warning Yellow",
      "hex_code": "
                            
                            #FFC107
                        "
    },
    {
      "name": "Danger Red",
      "hex_code": "
                            
                            #DC3545
                        "
    },
    {
      "name": "Info Cyan",
      "hex_code": "
                            
                            #17A2B8
                        "
    },
    {
      "name": "Light Grey",
      "hex_code": "
                            
                            #F8F9FA
                        "
    },
    {
      "name": "Dark Grey",
      "hex_code": "
                            
                            #343A40
                        "
    },
    {
      "name": "Accent Purple",
      "hex_code": "
                            
                            #6F42C1
                        "
    },
    {
      "name": "Muted Brown",
      "hex_code": "
                            
                            #A52A2A
                        "
    },
    {
      "name": "Success Green",
      "hex_code": "
                            
                            #28A745
                        "
    },
    {
      "name": "Text Black",
      "hex_code": "
                            
                            #212529
                        "
    },
    {
      "name": "Background White",
      "hex_code": "
                            
                            #FFFFFF
                        "
    }
  ]
}

This palette includes a mix of colors suitable for various UI elements, ensuring good contrast and a professional look for your CSS designs.

Would you like to see examples of how to use these colors in a CSS stylesheet or any specific UI components?