HueHive

#FFFFFF Light Background

#1B1B1B Dark Background

#000000 Light Text

#E0E0E0 Dark Text

#007BFF Primary Button

#0056b3 Button Hover

#F8F9FA Navbar Background

#343A40 Navbar Text

#6C757D Secondary Button

#5A6268 Secondary Button Hover

Dual Mode Browser Palette

Palette Description

Here is a color palette designed for both light and dark mode, suitable for an image board/booru browser with a navbar and buttons.

json
{
  "palette_name": "Dual Mode Browser Palette",
  "colors": [
    {
      "name": "Light Background",
      "hex_code": "
                            
                            #FFFFFF
                        "
    },
    {
      "name": "Dark Background",
      "hex_code": "
                            
                            #1B1B1B
                        "
    },
    {
      "name": "Light Text",
      "hex_code": "
                            
                            #000000
                        "
    },
    {
      "name": "Dark Text",
      "hex_code": "
                            
                            #E0E0E0
                        "
    },
    {
      "name": "Primary Button",
      "hex_code": "
                            
                            #007BFF
                        "
    },
    {
      "name": "Button Hover",
      "hex_code": "
                            
                            #0056b3
                        "
    },
    {
      "name": "Navbar Background",
      "hex_code": "
                            
                            #F8F9FA
                        "
    },
    {
      "name": "Navbar Text",
      "hex_code": "
                            
                            #343A40
                        "
    },
    {
      "name": "Secondary Button",
      "hex_code": "
                            
                            #6C757D
                        "
    },
    {
      "name": "Secondary Button Hover",
      "hex_code": "
                            
                            #5A6268
                        "
    }
  ]
}

This palette provides a clear contrast for readability in both light and dark modes. The light background with dark text is ideal for light mode, while the dark background with light text suits dark mode. The buttons and navbar colors ensure a cohesive look across different UI elements.

Would you like any adjustments to the palette or any additional colors?