ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Nature

Garden Light

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

#Nature#Organic#Calm
Open in Generator
COLOR 1
#226F5C
Ocean Jasper
COLOR 2
#2DBFD3
Cyan 500
COLOR 3
#8185DA
Wisteria Violet
COLOR 4
#E5B2DC
Kunzite
COLOR 5
#F4EBE9
Dawn Pink

Color Values & Codes

HEX · RGB · HSL
rgb(34, 111, 92)hsl(165, 53%, 28%)Color details →
Cyan 500
#2DBFD3
rgb(45, 191, 211)hsl(187, 65%, 50%)Color details →
rgb(129, 133, 218)hsl(237, 55%, 68%)Color details →
Kunzite
#E5B2DC
rgb(229, 178, 220)hsl(311, 50%, 80%)Color details →
Dawn Pink
#F4EBE9
rgb(244, 235, 233)hsl(11, 33%, 94%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #226F5C;
  --color-2: #2DBFD3;
  --color-3: #8185DA;
  --color-4: #E5B2DC;
  --color-5: #F4EBE9;
}

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
#226F5C on #E5B2DC3.36:1
Large Text Only (Pass)
Sample Text
#226F5C on #F4EBE95.12:1
Normal Text AA Pass
Sample Text
#2DBFD3 on #E5B2DC1.23:1
Large Text Only (Fail)
Sample Text
#2DBFD3 on #F4EBE91.88:1
Large Text Only (Fail)
Sample Text
#8185DA on #E5B2DC1.86:1
Large Text Only (Fail)
Sample Text
#8185DA on #F4EBE92.84:1
Large Text Only (Fail)

Related Palettes in Nature

Explore Nature
#2B2A29Copy
#56524ACopy
#8B8476Copy
#C4BCACCopy
#ECE8E1Copy
cp-featured-10Interior Design
Japandi Sanctuary
Interior DesignNeutralCalm
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature
#1C3127Copy
#2D4A3ECopy
#4E6E5DCopy
#8FA998Copy
#DCE5DFCopy
cp-featured-14Nature
Olympic Rainforest
Nature
#3D1E16Copy
#773828Copy
#B85D3FCopy
#DD9675Copy
#F6DCC9Copy
cp-featured-23Nature
Deep Canyon Clay
NatureEarthy