← Back to Editor

#774F38 · #E08E79 · #F1D4AF · #ECE5CE · #C5E0DC

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#774F38

Tangerine · Sienna · Amber Brown

HEX
#774F38
RGB
rgb(119, 79, 56)
HSL
hsl(22, 36%, 34%)
HSB
hsb(22, 53%, 47%)
CMYK
cmyk(0%, 34%, 53%, 53%)
Oklch
oklch(46.6% 0.064 50.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E08E79

Peach Pink · DarkSalmon · Coral Red

HEX
#E08E79
RGB
rgb(224, 142, 121)
HSL
hsl(12, 62%, 68%)
HSB
hsb(12, 46%, 88%)
CMYK
cmyk(0%, 37%, 46%, 12%)
Oklch
oklch(72.6% 0.105 35.1)

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

#F1D4AF

Goose Yellow · Wheat · Peach Orange

HEX
#F1D4AF
RGB
rgb(241, 212, 175)
HSL
hsl(34, 70%, 82%)
HSB
hsb(34, 27%, 95%)
CMYK
cmyk(0%, 12%, 27%, 5%)
Oklch
oklch(88.5% 0.059 73.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#ECE5CE

Goose Yellow · Bisque · Lemon Cream

HEX
#ECE5CE
RGB
rgb(236, 229, 206)
HSL
hsl(46, 44%, 87%)
HSB
hsb(46, 13%, 93%)
CMYK
cmyk(0%, 3%, 13%, 7%)
Oklch
oklch(92.1% 0.031 93.0)

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

#C5E0DC

Jade · LightGray · Glacier Blue

HEX
#C5E0DC
RGB
rgb(197, 224, 220)
HSL
hsl(171, 30%, 83%)
HSB
hsb(171, 12%, 88%)
CMYK
cmyk(12%, 0%, 2%, 12%)
Oklch
oklch(88.6% 0.029 185.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

774F38
375F76

Analogous

763740
774F38
766E37

Triadic

774F38
37764E
4E3776

Split-Comp.

774F38
37766E
374076

Tetradic

774F38
407637
375F76
6E3776

Contrast Matrix WCAG 2.1 Contrast

774F38
E08E79
F1D4AF
ECE5CE
C5E0DC
—
2.8
Fail
5.0
AA
5.6
AA
5.1
AA
2.8
Fail
—
1.8
Fail
2.0
Fail
1.8
Fail
5.0
AA
1.8
Fail
—
1.1
Fail
1.0
Fail
5.6
AA
2.0
Fail
1.1
Fail
—
1.1
Fail
5.1
AA
1.8
Fail
1.0
Fail
1.1
Fail
—
White BG
7.1AAA
2.5Fail
1.4Fail
1.3Fail
1.4Fail
Black BG
3.0Fail
8.3AAA
14.8AAA
16.7AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

66653E
BCBC7E
E4E4B8
E9E9D4
D1D1DD

Deuteranopia

686B3F
C1C77F
E6E8BA
E9EAD5
CFCDDD

Tritanopia

754243
DC8283
F0BFC1
ECD8D9
C6DEDE

Achromatopsia

585858
A4A4A4
D8D8D8
E4E4E4
D7D7D7

Shades & Tints Shades & Tints

#774F38

Dark
Light

#E08E79

Dark
Light

#F1D4AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #774f38;
  --color-2: #e08e79;
  --color-3: #f1d4af;
  --color-4: #ece5ce;
  --color-5: #c5e0dc;
}

SCSS

$color-1: #774f38;
$color-2: #e08e79;
$color-3: #f1d4af;
$color-4: #ece5ce;
$color-5: #c5e0dc;

TAILWIND

colors: {
  'brand-1': '#774f38',
  'brand-2': '#e08e79',
  'brand-3': '#f1d4af',
  'brand-4': '#ece5ce',
  'brand-5': '#c5e0dc',
}

RGB Array

[119, 79, 56], [224, 142, 121], [241, 212, 175], [236, 229, 206], [197, 224, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #774F38, #E08E79, #F1D4AF, #ECE5CE, #C5E0DC is ideal for: health products, baby brands, fresh-style blogs, 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: #774f38; --color-2: #e08e79; --color-3: #f1d4af; --color-4: #ece5ce; --color-5: #c5e0dc. 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. 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 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