← Back to Editor

#F8EFCE · #CEC896 · #867450 · #3C2A1E · #C7524B

earth

A 5-color earth 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

#F8EFCE

Goose Yellow · Beige · Lemon Cream

HEX
#F8EFCE
RGB
rgb(248, 239, 206)
HSL
hsl(47, 75%, 89%)
HSB
hsb(47, 17%, 97%)
CMYK
cmyk(0%, 4%, 17%, 3%)
Oklch
oklch(95.1% 0.044 94.5)

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

#CEC896

Fresh Green · Tan · Sunflower

HEX
#CEC896
RGB
rgb(206, 200, 150)
HSL
hsl(54, 36%, 70%)
HSB
hsb(54, 27%, 81%)
CMYK
cmyk(0%, 3%, 27%, 19%)
Oklch
oklch(82.5% 0.067 102.0)

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

#867450

Ochre · DimGray · Honey Gold

HEX
#867450
RGB
rgb(134, 116, 80)
HSL
hsl(40, 25%, 42%)
HSB
hsb(40, 40%, 53%)
CMYK
cmyk(0%, 13%, 40%, 47%)
Oklch
oklch(56.7% 0.056 84.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#3C2A1E

Tangerine · DarkSlateGray · Cinnamon

HEX
#3C2A1E
RGB
rgb(60, 42, 30)
HSL
hsl(24, 33%, 18%)
HSB
hsb(24, 50%, 24%)
CMYK
cmyk(0%, 30%, 50%, 76%)
Oklch
oklch(30.3% 0.034 54.7)

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

#C7524B

Crimson · Sienna · Passion Red

HEX
#C7524B
RGB
rgb(199, 82, 75)
HSL
hsl(3, 53%, 54%)
HSB
hsb(3, 62%, 78%)
CMYK
cmyk(0%, 59%, 62%, 22%)
Oklch
oklch(58.9% 0.151 26.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8EFCE
CED7F8

Analogous

F8DACE
F8EFCE
ECF8CE

Triadic

F8EFCE
CEF8EF
EFCEF8

Split-Comp.

F8EFCE
CEECF8
DACEF8

Tetradic

F8EFCE
CEF8DA
CED7F8
F8CEEC

Contrast Matrix WCAG 2.1 Contrast

F8EFCE
CEC896
867450
3C2A1E
C7524B
—
1.5
Fail
3.9
AA Large
11.8
AAA
3.8
AA Large
1.5
Fail
—
2.7
Fail
8.0
AAA
2.6
Fail
3.9
AA Large
2.7
Fail
—
3.0
AA Large
1.0
Fail
11.8
AAA
8.0
AAA
3.0
AA Large
—
3.1
AA Large
3.8
AA Large
2.6
Fail
1.0
Fail
3.1
AA Large
—
White BG
1.2Fail
1.7Fail
4.5AA
13.6AAA
4.4AA Large
Black BG
18.2AAA
12.3AAA
4.6AA
1.5Fail
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4D6
CBCBA2
7E7E59
343421
94934D

Deuteranopia

F5F5D8
CCCCA5
7F815B
353722
9BA44D

Tritanopia

F8DCDE
CEACAE
856061
3B2324
C14E4E

Achromatopsia

EEEEEE
C4C4C4
757575
2E2E2E
747474

Shades & Tints Shades & Tints

#F8EFCE

Dark
Light

#CEC896

Dark
Light

#867450

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8efce;
  --color-2: #cec896;
  --color-3: #867450;
  --color-4: #3c2a1e;
  --color-5: #c7524b;
}

SCSS

$color-1: #f8efce;
$color-2: #cec896;
$color-3: #867450;
$color-4: #3c2a1e;
$color-5: #c7524b;

TAILWIND

colors: {
  'brand-1': '#f8efce',
  'brand-2': '#cec896',
  'brand-3': '#867450',
  'brand-4': '#3c2a1e',
  'brand-5': '#c7524b',
}

RGB Array

[248, 239, 206], [206, 200, 150], [134, 116, 80], [60, 42, 30], [199, 82, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #F8EFCE, #CEC896, #867450, #3C2A1E, #C7524B 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: #f8efce; --color-2: #cec896; --color-3: #867450; --color-4: #3c2a1e; --color-5: #c7524b. 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 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