ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Clean Energy Grid

Renewable energy and smart grid tech palette reflecting solar radiance, wind flow, and battery storage.

#Tech#Nature#Fresh#Clean
Open in Generator
COLOR 1
#064E3B
Alexandrite
COLOR 2
#047857
Ocean Jasper
COLOR 3
#10B981
Emerald 500
COLOR 4
#6EE7B7
Chrysoprase
COLOR 5
#ECFDF5
Mint Cream

Color Values & Codes

HEX · RGB · HSL
rgb(6, 78, 59)hsl(164, 86%, 16%)Color details →
rgb(4, 120, 87)hsl(163, 94%, 24%)Color details →
rgb(16, 185, 129)hsl(160, 84%, 39%)Color details →
rgb(110, 231, 183)hsl(156, 72%, 67%)Color details →
Mint Cream
#ECFDF5
rgb(236, 253, 245)hsl(152, 81%, 96%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Technology Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #064E3B;
  --color-2: #047857;
  --color-3: #10B981;
  --color-4: #6EE7B7;
  --color-5: #ECFDF5;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#064E3B on #6EE7B76.38:1
Normal Text AA Pass
Sample Text
#064E3B on #ECFDF59.23:1
Normal Text AA Pass
Sample Text
#047857 on #6EE7B73.60:1
Large Text Only (Pass)
Sample Text
#047857 on #ECFDF55.21:1
Normal Text AA Pass
Sample Text
#10B981 on #6EE7B71.66:1
Large Text Only (Fail)
Sample Text
#10B981 on #ECFDF52.41:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature
#005F73Copy
#0A9396Copy
#94D2BDCopy
#E9D8A6Copy
#EE9B00Copy
cp-featured-13Ocean
Caribbean Reef Shallows
OceanFresh
#1C3127Copy
#2D4A3ECopy
#4E6E5DCopy
#8FA998Copy
#DCE5DFCopy
cp-featured-14Nature
Olympic Rainforest
Nature