← Back to Editor

#DAE7AF · #BFBF65 · #A18927 · #E1AF00 · #C85907

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

#DAE7AF

Willow Green · Wheat · Apple Green

HEX
#DAE7AF
RGB
rgb(218, 231, 175)
HSL
hsl(74, 54%, 80%)
HSB
hsb(74, 24%, 91%)
CMYK
cmyk(6%, 0%, 24%, 9%)
Oklch
oklch(90.4% 0.075 118.5)

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

#BFBF65

Autumn Sage · Tan · Sunflower

HEX
#BFBF65
RGB
rgb(191, 191, 101)
HSL
hsl(60, 41%, 57%)
HSB
hsb(60, 47%, 75%)
CMYK
cmyk(0%, 0%, 47%, 25%)
Oklch
oklch(78.5% 0.113 108.7)

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

#A18927

Ochre · DarkGoldenRod · Honey Gold

HEX
#A18927
RGB
rgb(161, 137, 39)
HSL
hsl(48, 61%, 39%)
HSB
hsb(48, 76%, 63%)
CMYK
cmyk(0%, 15%, 76%, 37%)
Oklch
oklch(63.5% 0.116 94.7)

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

#E1AF00

Ochre · Orange · Honey Gold

HEX
#E1AF00
RGB
rgb(225, 175, 0)
HSL
hsl(47, 100%, 44%)
HSB
hsb(47, 100%, 88%)
CMYK
cmyk(0%, 22%, 100%, 12%)
Oklch
oklch(77.8% 0.159 87.9)

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

#C85907

Tangerine · Chocolate · Amber Brown

HEX
#C85907
RGB
rgb(200, 89, 7)
HSL
hsl(25, 93%, 41%)
HSB
hsb(25, 97%, 78%)
CMYK
cmyk(0%, 56%, 97%, 22%)
Oklch
oklch(59.5% 0.161 47.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE7AF
BDB0E8

Analogous

E8D9B0
DAE7AF
BFE8B0

Triadic

DAE7AF
B0DBE8
E8B0DB

Split-Comp.

DAE7AF
B0BFE8
D9B0E8

Tetradic

DAE7AF
B0E8D9
BDB0E8
E8B0BF

Contrast Matrix WCAG 2.1 Contrast

DAE7AF
BFBF65
A18927
E1AF00
C85907
—
1.5
Fail
2.6
Fail
1.6
Fail
3.3
AA Large
1.5
Fail
—
1.8
Fail
1.1
Fail
2.2
Fail
2.6
Fail
1.8
Fail
—
1.7
Fail
1.3
Fail
1.6
Fail
1.1
Fail
1.7
Fail
—
2.1
Fail
3.3
AA Large
2.2
Fail
1.3
Fail
2.1
Fail
—
White BG
1.3Fail
1.9Fail
3.4AA Large
2.0Fail
4.3AA Large
Black BG
16.0AAA
10.9AAA
6.1AA
10.3AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0BD
BFBF7B
97963F
CBCB2A
98971B

Deuteranopia

DFDEC0
BFBF80
989A44
CED235
9EA720

Tritanopia

DBC7CA
BF8C90
A05156
DF4C53
C22B2E

Achromatopsia

DDDDDD
B5B5B5
858585
AAAAAA
717171

Shades & Tints Shades & Tints

#DAE7AF

Dark
Light

#BFBF65

Dark
Light

#A18927

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae7af;
  --color-2: #bfbf65;
  --color-3: #a18927;
  --color-4: #e1af00;
  --color-5: #c85907;
}

SCSS

$color-1: #dae7af;
$color-2: #bfbf65;
$color-3: #a18927;
$color-4: #e1af00;
$color-5: #c85907;

TAILWIND

colors: {
  'brand-1': '#dae7af',
  'brand-2': '#bfbf65',
  'brand-3': '#a18927',
  'brand-4': '#e1af00',
  'brand-5': '#c85907',
}

RGB Array

[218, 231, 175], [191, 191, 101], [161, 137, 39], [225, 175, 0], [200, 89, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #DAE7AF, #BFBF65, #A18927, #E1AF00, #C85907 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: #dae7af; --color-2: #bfbf65; --color-3: #a18927; --color-4: #e1af00; --color-5: #c85907. 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