Colors For Dark Portfolio
About This Color Palette
Color Palette:
1. Midnight Black
Hex Code:
#000000
Description: This deep black color adds a touch of elegance and sophistication to any dark portfolio design. It represents the mystery and power that lies within the portfolio's content.
2. Royal Navy
Hex Code:
#0F1C3F
Description: A rich and deep navy blue color that exudes confidence and professionalism. It symbolizes stability and trust, making it an ideal choice for highlighting important elements in a dark portfolio.
3. Charcoal Gray
Hex Code:
#404040
Description: This dark gray shade adds depth and versatility to the color palette. It provides a neutral base that complements other colors, allowing the portfolio's content to take center stage.
4. Deep Plum
Hex Code:
#460E44
Description: A deep and intense plum color that adds a touch of sophistication and luxury to the palette. It brings warmth and richness to the design, creating a visually appealing contrast with the darker tones.
5. Emerald Green
Hex Code:
#006D77
Description: This vibrant green shade adds a pop of color and liveliness to the dark portfolio. It represents growth, harmony, and creativity, making it an excellent choice for highlighting important sections or call-to-action elements.
6. Burnt Sienna
Hex Code:
#8B3A3A
Description: A warm and earthy reddish-brown color that adds a touch of warmth and depth to the palette. It evokes a sense of stability and reliability, making it an ideal choice for highlighting important details or accentuating specific elements in the portfolio design.
Overview
Welcome back, here's what's happening today.
Revenue Growth
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.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
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
Copy Code
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.
Black
#000000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Eclipse
#0F1C3F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Black Panther
#404040
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Velvet Cosmos
#460E44
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Wakame Green
#006D77
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Planet of the Apes
#8B3A3A
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.
Normal Text
Large Text
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