← Back to Editor

#E7DB9F · #DDAD65 · #D83B58 · #FFA58C · #35190E

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 AppData Visualization

Color Details Color Details

#E7DB9F

Fresh Green · Khaki · Lemon Cream

HEX
#E7DB9F
RGB
rgb(231, 219, 159)
HSL
hsl(50, 60%, 76%)
HSB
hsb(50, 31%, 91%)
CMYK
cmyk(0%, 5%, 31%, 9%)
Oklch
oklch(88.7% 0.078 98.2)

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

#DDAD65

Ginger · SandyBrown · Warm Sun

HEX
#DDAD65
RGB
rgb(221, 173, 101)
HSL
hsl(36, 64%, 63%)
HSB
hsb(36, 54%, 87%)
CMYK
cmyk(0%, 22%, 54%, 13%)
Oklch
oklch(77.6% 0.106 76.3)

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

#D83B58

Vermilion · Crimson · Passion Red

HEX
#D83B58
RGB
rgb(216, 59, 88)
HSL
hsl(349, 67%, 54%)
HSB
hsb(349, 73%, 85%)
CMYK
cmyk(0%, 73%, 59%, 15%)
Oklch
oklch(59.3% 0.193 15.0)

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

#FFA58C

Peach Pink · LightSalmon · Coral Red

HEX
#FFA58C
RGB
rgb(255, 165, 140)
HSL
hsl(13, 100%, 77%)
HSB
hsb(13, 45%, 100%)
CMYK
cmyk(0%, 35%, 45%, 0%)
Oklch
oklch(80.6% 0.113 36.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#35190E

Tangerine · Black · Cinnamon

HEX
#35190E
RGB
rgb(53, 25, 14)
HSL
hsl(17, 58%, 13%)
HSB
hsb(17, 74%, 21%)
CMYK
cmyk(0%, 53%, 74%, 79%)
Oklch
oklch(25.1% 0.049 41.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7DB9F
9DA9E7

Analogous

E7B69D
E7DB9F
CEE79D

Triadic

E7DB9F
9DE7DA
DA9DE7

Split-Comp.

E7DB9F
9DCEE7
B69DE7

Tetradic

E7DB9F
9DE7B6
9DA9E7
E79DCE

Contrast Matrix WCAG 2.1 Contrast

E7DB9F
DDAD65
D83B58
FFA58C
35190E
—
1.5
Fail
3.2
AA Large
1.4
Fail
11.6
AAA
1.5
Fail
—
2.2
Fail
1.1
Fail
7.9
AAA
3.2
AA Large
2.2
Fail
—
2.3
Fail
3.6
AA Large
1.4
Fail
1.1
Fail
2.3
Fail
—
8.5
AAA
11.6
AAA
7.9
AAA
3.6
AA Large
8.5
AAA
—
White BG
1.4Fail
2.1Fail
4.5AA Large
1.9Fail
16.2AAA
Black BG
15.0AAA
10.2AAA
4.7AA
11.0AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2AE
C8C876
949351
D8D792
292911

Deuteranopia

E3E3B1
CBCF7B
9DA94F
DDE494
2B2D11

Tritanopia

E6B9BC
DB8487
D04B4A
FB9798
341313

Achromatopsia

D8D8D8
B3B3B3
6D6D6D
BDBDBD
202020

Shades & Tints Shades & Tints

#E7DB9F

Dark
Light

#DDAD65

Dark
Light

#D83B58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7db9f;
  --color-2: #ddad65;
  --color-3: #d83b58;
  --color-4: #ffa58c;
  --color-5: #35190e;
}

SCSS

$color-1: #e7db9f;
$color-2: #ddad65;
$color-3: #d83b58;
$color-4: #ffa58c;
$color-5: #35190e;

TAILWIND

colors: {
  'brand-1': '#e7db9f',
  'brand-2': '#ddad65',
  'brand-3': '#d83b58',
  'brand-4': '#ffa58c',
  'brand-5': '#35190e',
}

RGB Array

[231, 219, 159], [221, 173, 101], [216, 59, 88], [255, 165, 140], [53, 25, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #E7DB9F, #DDAD65, #D83B58, #FFA58C, #35190E is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #e7db9f; --color-2: #ddad65; --color-3: #d83b58; --color-4: #ffa58c; --color-5: #35190e. 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 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