HueHive

#2A3E51 Midnight Blue

#61A5E6 Sky Blue

#C0C0C0 Silver

#B0D89C Pale Green

#FFCBA4 Peach

#FFFFF0 Ivory

#17222D Dark Midnight Blue

#00BFFF Electric Blue

#36454F Charcoal

#00FF00 Lime Green

#FF7F50 Coral

#D3D3D3 Light Gray

create a color palette that's suited for a personal statistics website of productivity and activity monitoring, the main color is #2A3E51, the palette should be suitable for light mode. create a separate palette for dark mode. including all common website elements (buttons, etc.)

Palette Description

Light Mode Color Palette:
1. Color Name: Midnight Blue
   Hex Code: 
                            
                            #2A3E51
                        
   Description: This deep, rich blue color represents the main theme of the website and can be used for headers or backgrounds.

2. Color Name: Sky Blue
   Hex Code: 
                            
                            #61A5E6
                        
   Description: A calming and refreshing blue shade that can be used for buttons or accents to provide a pleasing contrast with the main color.

3. Color Name: Silver
   Hex Code: 
                            
                            #C0C0C0
                        
   Description: A neutral and light gray shade that can be used for backgrounds or borders to create a clean and modern look for the website.

4. Color Name: Pale Green
   Hex Code: 
                            
                            #B0D89C
                        
   Description: A subtle and soothing green color that can be used for progress bars or success indicators to represent productivity or achievements.

5. Color Name: Peach
   Hex Code: 
                            
                            #FFCBA4
                        
   Description: A warm and gentle peach color that can be used for highlights or call-to-action buttons to add a touch of vibrancy to the website.

6. Color Name: Ivory
   Hex Code: 
                            
                            #FFFFF0
                        
   Description: A light and creamy off-white color that can be used for text or backgrounds to ensure readability and maintain a clean aesthetic.

Dark Mode Color Palette:
1. Color Name: Dark Midnight Blue
   Hex Code: 
                            
                            #17222D
                        
   Description: A deep, almost black blue color that can be used for the main theme in dark mode to create a sense of depth and elegance.

2. Color Name: Electric Blue
   Hex Code: 
                            
                            #00BFFF
                        
   Description: A vibrant and electric blue shade that can be used for buttons or interactive elements to provide a striking contrast against the dark background.

3. Color Name: Charcoal
   Hex Code: 
                            
                            #36454F
                        
   Description: A dark and smoky gray color that can be used for backgrounds or borders to create a sleek and sophisticated look.

4. Color Name: Lime Green
   Hex Code: 
                            
                            #00FF00
                        
   Description: A bright and energetic green color that can be used for progress bars or success indicators to represent productivity or achievements in dark mode.

5. Color Name: Coral
   Hex Code: 
                            
                            #FF7F50
                        
   Description: A warm and intense coral shade that can be used for highlights or call-to-action buttons to add a pop of color to the dark mode design.

6. Color Name: Light Gray
   Hex Code: 
                            
                            #D3D3D3
                        
   Description: A light and subtle gray color that can be used for text or backgrounds to maintain readability and ensure a balanced contrast in dark mode.