Huehive Logo

HueHive
Login | Signup

Generate A Color Palette For A Dark Mode Website With Blue And Green Colors

152 views
Deep Space Blue #1A1F2B
Emerald Green #50C878
Midnight Teal #004B43
Soft Cyan #A4D7E1
Charcoal Gray #2C2E33
#1A1F2B Deep Space Blue
#50C878 Emerald Green
#004B43 Midnight Teal
#A4D7E1 Soft Cyan
#2C2E33 Charcoal Gray

Generate a color palette for a dark mode website with blue and green colors

0

About This Color Palette

```

1. Deep Space Blue - #1A1F2B - A rich, dark blue that provides a calming backdrop, perfect for a dark mode design. 2. Emerald Green - #50C878 - A vibrant green that adds a pop of color and energy, enhancing readability against the dark background. 3. Midnight Teal - #004B43 - A deep teal that complements both blue and green, offering a sophisticated touch. 4. Soft Cyan - #A4D7E1 - A light cyan that brings a fresh feel, ideal for accents and highlights. 5. Charcoal Gray - #2C2E33 - A neutral dark gray that balances the palette and can be used for text or borders. This color palette combines deep, rich colors with vibrant accents, creating a visually appealing and comfortable experience for users in dark mode. What specific elements of the website design are you focusing on (e.g., buttons, backgrounds, text)?
C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

Build something amazing

Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.

Fast Performance

Optimized for speed and efficiency.

Secure by Default

Enterprise-grade security built-in.

Easy to Use

Intuitive interface for everyone.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

The Future of Color

Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.

"Color is a power which directly influences the soul."

Why it matters

Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.

Abstract

Composition #01

Download Files

PNG Image

Raster image format

Copy Code

variables.css 

          

        

      

    

  






  


  

    

  

    Simulate how your palette appears to users with different types of color vision deficiencies. 
    Approximately 8% of men and 0.5% of women have some form of color blindness.
  


  

    
    

      
Original Palette

      

          

          

          

          

          

      

    


    
    

      
Protanopia

      
Red-blind (approx. 1% of men)

      

    


    
    

      
Deuteranopia

      
Green-blind (approx. 1% of men)

      

    


    
    

      
Tritanopia

      
Blue-blind (very rare)

      

    


    
    

      
Achromatopsia

      
Total color blindness (monochromacy)

      

    

  






  


  

    

  
  

    
Shades & Tints

    

      Explore lighter variations (tints) and darker variations (shades) of each color. 
      Click any color to copy its hex code.
    

  


  

      

        
        

          

          

            
Deep Space Blue

            
#1A1F2B

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Emerald Green

            
#50C878

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Midnight Teal

            
#004B43

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Soft Cyan

            
#A4D7E1

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

      

        
        

          

          

            
Charcoal Gray

            
#2C2E33

          

        


        
        

          

            
Tints

            (Mixed with white - lighter)
          

          

            
          

        


        
        

          
Original

          
        


        
        

          

            
Shades

            (Mixed with black - darker)
          

          

            
          

        

      

  









  


  

    

  

    
  






  


  

    

  

    
    

      
Color Wheel Distribution

      

        
        

           

        

        
        
        

      

    


    
    

      
Harmony Analysis

      
      

        

          
Dominant Temperature

          
--

        


        

          
Harmony Type

          
--

          
Analyzing color relationships...

        


        

          
Color Values (HSL)

          

        

      

    

  






  


  

    


  

    
    

      
Select Background

      

        
          
          
          
          
          

        
        

        
        
      

    


    
    

      
Select Text Color

      

        
          
          
          
          
          

        
        

        
        
      

    

  


  
  

    
Contrast Analysis

    
    

      
      

        

          Aa
        

        

          The quick brown fox jumps over the lazy dog.
        

      


      
      

        

          

            Contrast Ratio
            --
          

        


        

          
          

            
Normal Text

            

              WCAG AA
              --
            

            

              WCAG AAA
              --
            

          


          
          

            
Large Text

            

              WCAG AA
              --
            

            

              WCAG AAA
              --
            

          

        

      

       
        

        
Understanding WCAG Scores

        

            

            
Normal Text

            
    
                
  • AA requires 4.5:1 ratio
    • 
                
  • AAA requires 7.0:1 ratio
    • 
            

            

            

            
Large Text (18pt+ or 14pt+ bold)

            
    
                
  • AA requires 3.0:1 ratio
    • 
                
  • AAA requires 4.5:1 ratio
    • 
            

            

        

        

    


   
  






  

  

    
    
    
    



  
  

    
What would you like to do?

    

      
      

      
      
        

          
        

        
Search Other Palettes

        
Explore thousands of color palettes


      
      
        

          
        

        
Create New Palette

        
Generate a custom palette from scratch

    

  

  
    

      
Other Similar Palettes

      

          

  

      

        

          

            #00008B
          

        

      

      

        

          

            #FF7F50
          

        

      

      

        

          

            #FFD700
          

        

      

      

        

          

            #008080
          

        

      

      

        

          

            #E6E6FA
          

        

      

      

        

          

            #C0C0C0
          

        

      

  

  

    generate a contrastful and complementary color palette with a dark blue
    

      
      156
    

  


 
          

  

      

        

          

            #2C3E50
          

        

      

      

        

          

            #1ABC9C
          

        

      

      

        

          

            #ECF0F1
          

        

      

      

        

          

            #7F8C8D
          

        

      

      

        

          

            #E67E22
          

        

      

      

        

          

            #FFFFFF
          

        

      

      

        

          

            #3498DB
          

        

      

      

        

          

            #BDC3C7
          

        

      

      

        

          

            #34495E
          

        

      

      

        

          

            #F5F6FA
          

        

      

  

  

    onsidering your focus on project management, technology, and professional dev...
    

      
      141
    

  


 
          

  

      

        

          

            #001F3F
          

        

      

      

        

          

            #007BFF
          

        

      

      

        

          

            #003B5C
          

        

      

      

        

          

            #0056B3
          

        

      

      

        

          

            #004080
          

        

      

      

        

          

            #28A745
          

        

      

  

  

    Blue Boy Fandom Wiki Dark Mode
    

      
      124
    

  


 
          

  

      

        

          

            #1A1A2E
          

        

      

      

        

          

            #FFD700
          

        

      

      

        

          

            #0F3460
          

        

      

      

        

          

            #16213E
          

        

      

      

        

          

            #F7C74D
          

        

      

      

        

          

            #28A745
          

        

      

  

  

    Blue and Yellow Boy-Themed Fandom Wiki Dark Mode
    

      
      156
    

  


 
          

  

      

        

          

            #E3D5E0
          

        

      

      

        

          

            #4A4A4A
          

        

      

      

        

          

            #D7A6B6
          

        

      

      

        

          

            #F4C3B2
          

        

      

      

        

          

            #B7D1E6
          

        

      

      

        

          

            #A8C8E3
          

        

      

      

        

          

            #B0E2D3
          

        

      

  

  

    Consider my favorite color is purple and dark blue. I want to make a portfoli...
    

      
      139
    

  


 
          

  

      

        

          

            #0f0f0f
          

        

      

      

        

          

            #00BFFF
          

        

      

      

        

          

            #F5F5F5
          

        

      

      

        

          

            #FF4D4D
          

        

      

  

  

    Here’s a **summary** of the web design idea πŸ‘‡

---

### 🌐 **Website Conce...
    

      
      135
    

  


 
      

    
















  

    

      
      

        
Update Your Palette

        
      

      
      
      

        
Current Palette

        

            

              

              Deep Space Blue
            

            

              

              Emerald Green
            

            

              

              Midnight Teal
            

            

              

              Soft Cyan
            

            

              

              Charcoal Gray
            

        

        
Generate a color palette for a dark mode website with blue and green colors

      

      
      
      

        

          

            
            
            
            
            

              
Try these examples: