#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
Palette Description
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.