ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Modern

Digital Forest

modern palette with a balanced five-color hierarchy for design use.

#Modern#Clean#UI
Open in Generator
COLOR 1
#477214
Avocado Green
COLOR 2
#67C427
Lime 500
COLOR 3
#72D666
Light Green
COLOR 4
#F9F6F9
White Smoke
COLOR 5
#2D4D21
Kelp Forest

Color Values & Codes

HEX · RGB · HSL
rgb(71, 114, 20)hsl(87, 70%, 26%)Color details →
Lime 500
#67C427
rgb(103, 196, 39)hsl(96, 67%, 46%)Color details →
rgb(114, 214, 102)hsl(114, 58%, 62%)Color details →
rgb(249, 246, 249)hsl(300, 20%, 97%)Color details →
rgb(45, 77, 33)hsl(104, 40%, 22%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #477214;
  --color-2: #67C427;
  --color-3: #72D666;
  --color-4: #F9F6F9;
  --color-5: #2D4D21;
}

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
#477214 on #F9F6F95.31:1
Normal Text AA Pass
Sample Text
#477214 on #2D4D211.68:1
Large Text Only (Fail)
Sample Text
#67C427 on #F9F6F92.06:1
Large Text Only (Fail)
Sample Text
#67C427 on #2D4D214.33:1
Large Text Only (Pass)
Sample Text
#72D666 on #F9F6F91.70:1
Large Text Only (Fail)
Sample Text
#72D666 on #2D4D215.25:1
Normal Text AA Pass

Related Palettes in Modern

Explore Modern
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern
#4BE2D7Copy
#4AE8DDCopy
#329F98Copy
#6DD5CECopy
#85F4EDCopy
cp-featured-27Aesthetic
Nordic Turquoise Mirage
AestheticCleanOcean