Huehive Logo

HueHive

#004D80 Deep Sea Blue
#DAA520 Goldenrod
#A9A9A9 Muted Lavender
#556B2F Olive Green
#FF7F50 Coral

color palette for design website with 60 30 10 rule

Want to modify this palette?

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

Palette Description

1. Deep Sea Blue (
                            
                            #004D80
                        ) - This rich, dark blue hue serves as the primary color for the website, making up 60% of the color palette. It adds a sense of sophistication and depth to the design.

2. Goldenrod (
                            
                            #DAA520
                        ) - This warm, golden yellow shade is the secondary color, making up 30% of the palette. It adds a pop of brightness and optimism to the design.

3. Muted Lavender (
                            
                            #A9A9A9
                        ) - This soft, muted lavender hue is one of the accent colors, making up 10% of the palette. It adds a subtle touch of femininity and elegance to the overall look.

4. Olive Green (
                            
                            #556B2F
                        ) - This earthy, olive green shade is another accent color, making up 10% of the palette. It adds a touch of nature and grounding to the design.

5. Coral (
                            
                            #FF7F50
                        ) - This vibrant, orangey-pink hue is the final accent color, making up 10% of the palette. It adds a bold and playful energy to the design. 

Overall, this color palette follows the 60-30-10 rule, with a primary color, a secondary color, and three accent colors that add depth and interest to the design. The palette features shades of blue, yellow, lavender, green, and coral, creating a harmonious and visually appealing look.

Update Your Palette

Current Palette

Deep Sea Blue
Goldenrod
Muted Lavender
Olive Green
Coral

color palette for design website with 60 30 10 rule

Try these examples: