Huehive Logo

HueHive

Color 1 – You Can Use This As Your Primary Brand Colour. Color 2 – Alternative Colour, Used Usually For The Hover Action Color 3 – Colour Used For General Text Paragraphs Color 4 – Colour Used For Headings, Subheadings And Titles Color 5 – Colour Used For Borders Color 6 – Colour Used For Subtle Backgrounds (Page Hero, Footer) Color 7 – Colour Used For The Site’s Background Color 8 – Lighter Alternative Colour, To Be Used In Header Backgrounds

20000 Leagues Under the Sea #191970
Electric Purple #bf00ff
Carbon #333333
Wild Rider Red #dc143c
Steel Blue #4682b4
Misty Rose #ffe4e1
Platinum #e5e4e2
Afternoon Sky #87ceeb
#191970 20000 Leagues Under the Sea
#bf00ff Electric Purple
#333333 Carbon
#dc143c Wild Rider Red
#4682b4 Steel Blue
#ffe4e1 Misty Rose
#e5e4e2 Platinum
#87ceeb Afternoon Sky

Color 1 – you can use this as your primary brand colour. Color 2 – alternative colour, used usually for the hover action Color 3 – colour used for general text paragraphs Color 4 – colour used for headings, subheadings and titles Color 5 – colour used for borders Color 6 – colour used for subtle backgrounds (page hero, footer) Color 7 – colour used for the site’s background Color 8 – lighter alternative colour, to be used in header backgrounds

About This Color Palette

Color Palette:

1. Primary Brand Color:
   - Name: Midnight Blue
   - Hex Code: 
                            
                            #191970
                        
   - Description: This deep shade of blue represents stability and trust, making it ideal for branding.

2. Alternative Hover Color:
   - Name: Electric Purple
   - Hex Code: 
                            
                            #bf00ff
                        
   - Description: A vibrant and eye-catching purple that adds a pop of color for hover actions.

3. General Text Color:
   - Name: Charcoal Gray
   - Hex Code: 
                            
                            #333333
                        
   - Description: A classic dark gray that provides readability and contrast for text paragraphs.

4. Headings/Subheadings Color:
   - Name: Crimson Red
   - Hex Code: 
                            
                            #dc143c
                        
   - Description: A bold and attention-grabbing red that is perfect for headlines and titles.

5. Borders Color:
   - Name: Steel Blue
   - Hex Code: 
                            
                            #4682b4
                        
   - Description: A cool and sophisticated blue that defines borders and separates content.

6. Subtle Background Color:
   - Name: Misty Rose
   - Hex Code: 
                            
                            #ffe4e1
                        
   - Description: A soft and delicate pink that creates a calming background for hero sections and footers.

7. Site Background Color:
   - Name: Platinum Gray
   - Hex Code: 
                            
                            #e5e4e2
                        
   - Description: A light and neutral gray that provides a clean canvas for the website's content.

8. Lighter Header Background Color:
   - Name: Sky Blue
   - Hex Code: 
                            
                            #87ceeb
                        
   - Description: A refreshing and airy blue that can be used as a lighter alternative for header backgrounds.

What would you like to do?

Update Your Palette

Current Palette

20000 Leagues Under the Sea
Electric Purple
Carbon
Wild Rider Red
Steel Blue
Misty Rose
Platinum
Afternoon Sky

Color 1 – you can use this as your primary brand colour. Color 2 – alternative colour, used usually for the hover action Color 3 – colour used for general text paragraphs Color 4 – colour used for headings, subheadings and titles Color 5 – colour used for borders Color 6 – colour used for subtle backgrounds (page hero, footer) Color 7 – colour used for the site’s background Color 8 – lighter alternative colour, to be used in header backgrounds

Try these examples: