← Back to Editor

#DDEAA5 · #8A8545 · #AAB063 · #7A0D0D · #E8F6AD

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DDEAA5

Willow Green · Wheat · Apple Green

HEX
#DDEAA5
RGB
rgb(221, 234, 165)
HSL
hsl(71, 62%, 78%)
HSB
hsb(71, 29%, 92%)
CMYK
cmyk(6%, 0%, 29%, 8%)
Oklch
oklch(91.1% 0.090 116.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#8A8545

Autumn Sage · DimGray · Honey Gold

HEX
#8A8545
RGB
rgb(138, 133, 69)
HSL
hsl(56, 33%, 41%)
HSB
hsb(56, 50%, 54%)
CMYK
cmyk(0%, 4%, 50%, 46%)
Oklch
oklch(60.7% 0.086 104.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AAB063

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#AAB063
RGB
rgb(170, 176, 99)
HSL
hsl(65, 33%, 54%)
HSB
hsb(65, 44%, 69%)
CMYK
cmyk(3%, 0%, 44%, 31%)
Oklch
oklch(73.5% 0.101 112.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#7A0D0D

Vermilion · Maroon · Wine Red

HEX
#7A0D0D
RGB
rgb(122, 13, 13)
HSL
hsl(0, 81%, 26%)
HSB
hsb(0, 89%, 48%)
CMYK
cmyk(0%, 89%, 89%, 52%)
Oklch
oklch(37.2% 0.142 27.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#E8F6AD

Willow Green · Wheat · Mint Green

HEX
#E8F6AD
RGB
rgb(232, 246, 173)
HSL
hsl(72, 80%, 82%)
HSB
hsb(72, 30%, 96%)
CMYK
cmyk(6%, 0%, 30%, 4%)
Oklch
oklch(94.6% 0.095 117.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDEAA5
B1A4EA

Analogous

EAD4A4
DDEAA5
BAEAA4

Triadic

DDEAA5
A4DDEA
EAA4DD

Split-Comp.

DDEAA5
A4BAEA
D4A4EA

Tetradic

DDEAA5
A4EAD4
B1A4EA
EAA4BA

Contrast Matrix WCAG 2.1 Contrast

DDEAA5
8A8545
AAB063
7A0D0D
E8F6AD
—
3.0
Fail
1.8
Fail
8.7
AAA
1.1
Fail
3.0
Fail
—
1.6
Fail
2.9
Fail
3.3
AA Large
1.8
Fail
1.6
Fail
—
4.8
AA
2.0
Fail
8.7
AAA
2.9
Fail
4.8
AA
—
9.6
AAA
1.1
Fail
3.3
AA Large
2.0
Fail
9.6
AAA
—
White BG
1.3Fail
3.8AA Large
2.3Fail
11.1AAA
1.2Fail
Black BG
16.4AAA
5.5AA
9.1AAA
1.9Fail
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3B6
888854
ADAD76
4B4A0D
EEEEBF

Deuteranopia

E2E1BA
888958
ACAC7A
51590D
EDECC3

Tritanopia

DEC3C6
8A6163
AA8488
750D0D
E9CDD0

Achromatopsia

DEDEDE
7F7F7F
A5A5A5
2E2E2E
E9E9E9

Shades & Tints Shades & Tints

#DDEAA5

Dark
Light

#8A8545

Dark
Light

#AAB063

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddeaa5;
  --color-2: #8a8545;
  --color-3: #aab063;
  --color-4: #7a0d0d;
  --color-5: #e8f6ad;
}

SCSS

$color-1: #ddeaa5;
$color-2: #8a8545;
$color-3: #aab063;
$color-4: #7a0d0d;
$color-5: #e8f6ad;

TAILWIND

colors: {
  'brand-1': '#ddeaa5',
  'brand-2': '#8a8545',
  'brand-3': '#aab063',
  'brand-4': '#7a0d0d',
  'brand-5': '#e8f6ad',
}

RGB Array

[221, 234, 165], [138, 133, 69], [170, 176, 99], [122, 13, 13], [232, 246, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDEAA5, #8A8545, #AAB063, #7A0D0D, #E8F6AD is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ddeaa5; --color-2: #8a8545; --color-3: #aab063; --color-4: #7a0d0d; --color-5: #e8f6ad. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color