Corporate ESG Sustainability

Environmental, Social, and Governance reporting palette reflecting carbon neutrality and ethical stewardship.

#Business#Nature#Fresh#Clean#Earthy
Open in Generator
COLOR 1
#14532D
Deep Emerald
COLOR 2
#15803D
Tokiwa Evergreen
COLOR 3
#22C55E
Emerald Green
COLOR 4
#86EFAC
Spearmint
COLOR 5
#F0FDF4
Mint Cream

Color Values & Codes

HEX · RGB · HSL
rgb(20, 83, 45)hsl(144, 61%, 20%)Color details →
rgb(21, 128, 61)hsl(142, 72%, 29%)Color details →
rgb(34, 197, 94)hsl(142, 71%, 45%)Color details →
Spearmint
#86EFAC
rgb(134, 239, 172)hsl(142, 77%, 73%)Color details →
Mint Cream
#F0FDF4
rgb(240, 253, 244)hsl(138, 76%, 97%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #14532D;
  --color-2: #15803D;
  --color-3: #22C55E;
  --color-4: #86EFAC;
  --color-5: #F0FDF4;
}

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
#14532D on #86EFAC6.49:1
Normal Text AA Pass
Sample Text
#14532D on #F0FDF48.70:1
Normal Text AA Pass
Sample Text
#15803D on #86EFAC3.57:1
Large Text Only (Pass)
Sample Text
#15803D on #F0FDF44.79:1
Normal Text AA Pass
Sample Text
#22C55E on #86EFAC1.62:1
Large Text Only (Fail)
Sample Text
#22C55E on #F0FDF42.18:1
Large Text Only (Fail)