%%{Init: {'Theme': 'Default'}}%% Mindmap Class Def High Color Fill:#F9d,Stroke:#333,Stroke Width:2px; Class Def Low Color Fill:#Ddf,Stroke:#333,Stroke Width:2px; Root((Provinces By Views & Purchases))/:High Color High Views High Purchases((High Views & High Purchases))/:High Color High Views Low Purchases((High Views & Low Purchases))/:High Color Low Views High Purchases((Low Views & High Purchases))/:Low Color Low Views Low Purchases((Low Views & Low Purchases))/:Low Color Root > High Views High Purchases Root > High Views Low Purchases Root > Low Views High Purchases Root > Low Views Low Purchases High Views High Purchases > Banten High Views High Purchases > Dki Jakarta High Views High Purchases > Jawa Barat High Views High Purchases > Jawa Tengah High Views High Purchases > Jawa Timur High Views High Purchases > Sulawesi Selatan High Views High Purchases > Sumatera Utara High Views Low Purchases > Bali High Views Low Purchases > Kalimantan Timur High Views Low Purchases > Papua Low Views High Purchases > Riau Low Views High Purchases > Sumatera Barat Low Views High Purchases > Sumatera Selatan Low Views Low Purchases > Aceh Low Views Low Purchases > Bengkulu Low Views Low Purchases > Di Yogyakarta Low Views Low Purchases > Gorontalo Low Views Low Purchases > Jambi Low Views Low Purchases > Kalimantan Barat Low Views Low Purchases > More...
%%{init: {'theme': 'default'}}%% mindmap classDef highColor fill:#f9d,stroke:#333,stroke-width:2px; classDef lowColor fill:#ddf,stroke:#333,stroke-width:2px; root((Provinces by Views & Purchases)):::highColor highViewsHighPurchases((High Views & High Purchases)):::highColor highViewsLowPurchases((High Views & Low Purchases)):::highColor lowViewsHighPurchases((Low Views & High Purchases)):::lowColor lowViewsLowPurchases((Low Views & Low Purchases)):::lowColor root --> highViewsHighPurchases root --> highViewsLowPurchases root --> lowViewsHighPurchases root --> lowViewsLowPurchases highViewsHighPurchases --> Banten highViewsHighPurchases --> DKI_Jakarta highViewsHighPurchases --> Jawa_Barat highViewsHighPurchases --> Jawa_Tengah highViewsHighPurchases --> Jawa_Timur highViewsHighPurchases --> Sulawesi_Selatan highViewsHighPurchases --> Sumatera_Utara highViewsLowPurchases --> Bali highViewsLowPurchases --> Kalimantan_Timur highViewsLowPurchases --> Papua lowViewsHighPurchases --> Riau lowViewsHighPurchases --> Sumatera_Barat lowViewsHighPurchases --> Sumatera_Selatan lowViewsLowPurchases --> Aceh lowViewsLowPurchases --> Bengkulu lowViewsLowPurchases --> DI_Yogyakarta lowViewsLowPurchases --> Gorontalo lowViewsLowPurchases --> Jambi lowViewsLowPurchases --> Kalimantan_Barat lowViewsLowPurchases --> More...
About This Color Palette
mermaid
mindmap
classDef highColor fill:#f9d,stroke:#333,stroke-width:2px;
classDef lowColor fill:#ddf,stroke:#333,stroke-width:2px;
root(("Provinces by Views & Purchases")):::highColor
highViewsHighPurchases(("High Views & High Purchases")):::highColor
highViewsLowPurchases(("High Views & Low Purchases")):::highColor
lowViewsHighPurchases(("Low Views & High Purchases")):::lowColor
lowViewsLowPurchases(("Low Views & Low Purchases")):::lowColor
root --> highViewsHighPurchases
root --> highViewsLowPurchases
root --> lowViewsHighPurchases
root --> lowViewsLowPurchases
highViewsHighPurchases --> Banten
highViewsHighPurchases --> DKI_Jakarta
highViewsHighPurchases --> Jawa_Barat
highViewsHighPurchases --> Jawa_Tengah
highViewsHighPurchases --> Jawa_Timur
highViewsHighPurchases --> Sulawesi_Selatan
highViewsHighPurchases --> Sumatera_Utara
highViewsLowPurchases --> Bali
highViewsLowPurchases --> Kalimantan_Timur
highViewsLowPurchases --> Papua
lowViewsHighPurchases --> Riau
lowViewsHighPurchases --> Sumatera_Barat
lowViewsHighPurchases --> Sumatera_Selatan
lowViewsLowPurchases --> Aceh
lowViewsLowPurchases --> Bengkulu
lowViewsLowPurchases --> DI_Yogyakarta
lowViewsLowPurchases --> Gorontalo
lowViewsLowPurchases --> Jambi
lowViewsLowPurchases --> Kalimantan_Barat
lowViewsLowPurchases --> "More..."
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.
Carbon
#333
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Icy Plains
#ddf
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bubblegum Kisses
#f9d
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