Professional Color Scheme
Vibrant Forest Green & Deep Pure Emerald Cool
A 5-color combination featuring Forest Green, Forest Green, Forest Green. Perfect for UI design, branding identities, and digital illustrations.
#295E08
#145E08
#085E12
#085E28
#085E3D
Professional Visualization
See how this palette performs in real-world UI mockups.
BrandName
ProductPricingGet Started
Modern Interface Design
Experience the perfect harmony of colors calculated for your brand identity.
Fast Performance
Secure Cloud
Color Information & Values
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#295E08 | rgb(41, 94, 8) | hsl(97, 84%, 20%) | Forest Green | View | |
#145E08 | rgb(20, 94, 8) | hsl(112, 84%, 20%) | Forest Green | View | |
#085E12 | rgb(8, 94, 18) | hsl(127, 84%, 20%) | Forest Green | View | |
#085E28 | rgb(8, 94, 40) | hsl(142, 84%, 20%) | Forest Green | View | |
#085E3D | rgb(8, 94, 61) | hsl(157, 84%, 20%) | Deep Pure Emerald | View |
Color Psychology & Usage
Accessibility & Contrast Report
Score: 69%
#295E08
On White7.78:1 (Excellent)
On Black2.7:1 (Poor)
#145E08
On White7.97:1 (Excellent)
On Black2.63:1 (Poor)
#085E12
On White8.01:1 (Excellent)
On Black2.62:1 (Poor)
#085E28
On White7.95:1 (Excellent)
On Black2.64:1 (Poor)
#085E3D
On White7.84:1 (Excellent)
On Black2.68:1 (Poor)
These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.
CSS Export
:root {
--color-1: #295E08;
--color-2: #145E08;
--color-3: #085E12;
--color-4: #085E28;
--color-5: #085E3D;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.