HueHive

#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

Want to modify this palette?

Use AI to update your palette with new colors, tones, or styles while keeping the same theme.

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?

Update Your Palette

Current Palette

Background

Surface

Divider

Primary Blue

Secondary Blue

Text Primary

Text Secondary

Button Primary

Button Secondary

Button Text Primary

Button Text Secondary

Icon Active

Icon Inactive

Dark Blue Theme