Huehive Logo

HueHive
Login | Signup
#121212 Background
#1E1E2E Surface
#2A2A2A Divider
#2E51A2 Primary Blue
#5EBBEE Secondary Blue
#FFFFFF Text Primary
#B0B0B0 Text Secondary
#2E51A2 Button Primary
#5EBBEE Button Secondary
#FFFFFF Button Text Primary
#000000 Button Text Secondary
#5EBBEE Icon Active
#808080 Icon Inactive

Dark Blue Theme

0

Palette Description

Here is a color palette based on the provided resource colors:

json
{
  "palette_name": "Dark Blue Theme",
  "colors": [
    {
      "name": "Background",
      "hex_code": "
                            
                            #121212
                        "
    },
    {
      "name": "Surface",
      "hex_code": "
                            
                            #1E1E2E
                        "
    },
    {
      "name": "Divider",
      "hex_code": "
                            
                            #2A2A2A
                        "
    },
    {
      "name": "Primary Blue",
      "hex_code": "
                            
                            #2E51A2
                        "
    },
    {
      "name": "Secondary Blue",
      "hex_code": "
                            
                            #5EBBEE
                        "
    },
    {
      "name": "Text Primary",
      "hex_code": "
                            
                            #FFFFFF
                        "
    },
    {
      "name": "Text Secondary",
      "hex_code": "
                            
                            #B0B0B0
                        "
    },
    {
      "name": "Button Primary",
      "hex_code": "
                            
                            #2E51A2
                        "
    },
    {
      "name": "Button Secondary",
      "hex_code": "
                            
                            #5EBBEE
                        "
    },
    {
      "name": "Button Text Primary",
      "hex_code": "
                            
                            #FFFFFF
                        "
    },
    {
      "name": "Button Text Secondary",
      "hex_code": "
                            
                            #000000
                        "
    },
    {
      "name": "Icon Active",
      "hex_code": "
                            
                            #5EBBEE
                        "
    },
    {
      "name": "Icon Inactive",
      "hex_code": "
                            
                            #808080
                        "
    }
  ]
}

Palette Description

This palette features a dark color scheme with a primary focus on various shades of blue, providing a modern and sleek aesthetic. The background and surface colors are deep and muted, allowing the vibrant blues to stand out, while the text colors ensure readability.

Would you like to explore variations of this palette or need help with anything else?