← Back to Editor

#DFEDC0 · #E7EDB4 · #EDDAB4 · #EDC87E · #FFB682

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DFEDC0

Willow Green · Wheat · Mint Green

HEX
#DFEDC0
RGB
rgb(223, 237, 192)
HSL
hsl(79, 56%, 84%)
HSB
hsb(79, 19%, 93%)
CMYK
cmyk(6%, 0%, 19%, 7%)
Oklch
oklch(92.4% 0.061 121.6)

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

#E7EDB4

Fresh Green · Wheat · Lemon Cream

HEX
#E7EDB4
RGB
rgb(231, 237, 180)
HSL
hsl(66, 61%, 82%)
HSB
hsb(66, 24%, 93%)
CMYK
cmyk(3%, 0%, 24%, 7%)
Oklch
oklch(92.8% 0.074 112.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDDAB4

Goose Yellow · Wheat · Lemon Cream

HEX
#EDDAB4
RGB
rgb(237, 218, 180)
HSL
hsl(40, 61%, 82%)
HSB
hsb(40, 24%, 93%)
CMYK
cmyk(0%, 8%, 24%, 7%)
Oklch
oklch(89.4% 0.054 84.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDC87E

Goose Yellow · BurlyWood · Sunflower

HEX
#EDC87E
RGB
rgb(237, 200, 126)
HSL
hsl(40, 76%, 71%)
HSB
hsb(40, 47%, 93%)
CMYK
cmyk(0%, 16%, 47%, 7%)
Oklch
oklch(84.9% 0.102 83.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FFB682

Apricot · LightSalmon · Warm Sun

HEX
#FFB682
RGB
rgb(255, 182, 130)
HSL
hsl(25, 100%, 75%)
HSB
hsb(25, 49%, 100%)
CMYK
cmyk(0%, 29%, 49%, 0%)
Oklch
oklch(83.4% 0.109 56.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFEDC0
CEBFED

Analogous

EDE5BF
DFEDC0
C8EDBF

Triadic

DFEDC0
BFDFED
EDBFDF

Split-Comp.

DFEDC0
BFC8ED
E5BFED

Tetradic

DFEDC0
BFEDE5
CEBFED
EDBFC8

Contrast Matrix WCAG 2.1 Contrast

DFEDC0
E7EDB4
EDDAB4
EDC87E
FFB682
—
1.0
Fail
1.1
Fail
1.3
Fail
1.4
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.2Fail
1.2Fail
1.4Fail
1.6Fail
1.7Fail
Black BG
17.0AAA
17.2AAA
15.3AAA
13.2AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5CB
EAEAC2
E5E5BD
DDDD90
DFDF8F

Deuteranopia

E4E3CD
E9E9C5
E6E7BF
DFE294
E4E992

Tritanopia

E0D3D5
E7CDCF
ECC4C6
EB9EA1
FB999B

Achromatopsia

E4E4E4
E5E5E5
DBDBDB
CBCBCB
C6C6C6

Shades & Tints Shades & Tints

#DFEDC0

Dark
Light

#E7EDB4

Dark
Light

#EDDAB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfedc0;
  --color-2: #e7edb4;
  --color-3: #eddab4;
  --color-4: #edc87e;
  --color-5: #ffb682;
}

SCSS

$color-1: #dfedc0;
$color-2: #e7edb4;
$color-3: #eddab4;
$color-4: #edc87e;
$color-5: #ffb682;

TAILWIND

colors: {
  'brand-1': '#dfedc0',
  'brand-2': '#e7edb4',
  'brand-3': '#eddab4',
  'brand-4': '#edc87e',
  'brand-5': '#ffb682',
}

RGB Array

[223, 237, 192], [231, 237, 180], [237, 218, 180], [237, 200, 126], [255, 182, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #DFEDC0, #E7EDB4, #EDDAB4, #EDC87E, #FFB682 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dfedc0; --color-2: #e7edb4; --color-3: #eddab4; --color-4: #edc87e; --color-5: #ffb682. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 earth-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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