#D5D98D + #C3C73F + #AFBB55 + #759F91 + #85807A · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D5D98D

Fresh Green · Khaki · Sunflower

HEX

#D5D98D

RGB

rgb(213, 217, 141)

HSL

hsl(63, 50%, 70%)

HSB

hsb(63, 35%, 85%)

CMYK

cmyk(2%, 0%, 35%, 15%)

Oklch

oklch(86.5% 0.098 110.8)

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

#C3C73F

Autumn Sage · GoldenRod · Sunflower

HEX

#C3C73F

RGB

rgb(195, 199, 63)

HSL

hsl(62, 55%, 51%)

HSB

hsb(62, 68%, 78%)

CMYK

cmyk(2%, 0%, 68%, 22%)

Oklch

oklch(80.2% 0.154 111.1)

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

#AFBB55

Autumn Sage · Tan · Sunflower

HEX

#AFBB55

RGB

rgb(175, 187, 85)

HSL

hsl(67, 43%, 53%)

HSB

hsb(67, 55%, 73%)

CMYK

cmyk(6%, 0%, 55%, 27%)

Oklch

oklch(76.2% 0.128 115.1)

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

#759F91

Mineral Blue · LightSlateGray · Lake Green

HEX

#759F91

RGB

rgb(117, 159, 145)

HSL

hsl(160, 18%, 54%)

HSB

hsb(160, 26%, 62%)

CMYK

cmyk(26%, 0%, 9%, 38%)

Oklch

oklch(66.8% 0.050 172.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#85807A

Ink Gray · Gray · Warm Gray

HEX

#85807A

RGB

rgb(133, 128, 122)

HSL

hsl(33, 4%, 50%)

HSB

hsb(33, 8%, 52%)

CMYK

cmyk(0%, 4%, 8%, 48%)

Oklch

oklch(60.2% 0.011 72.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5D98D

908CD9

Analogous

D9B68C

D5D98D

AFD98C

Triadic

D5D98D

8CD5D9

D98CD5

Split-Comp.

D5D98D

8CAFD9

B68CD9

Tetradic

D5D98D

8CD9B6

908CD9

D98CAF

Contrast Matrix WCAG 2.1 Contrast

D5D98D	C3C73F	AFBB55	759F91	85807A
—	1.2 Fail	1.4 Fail	2.0 Fail	2.6 Fail
1.2 Fail	—	1.1 Fail	1.6 Fail	2.2 Fail
1.4 Fail	1.1 Fail	—	1.4 Fail	1.9 Fail
2.0 Fail	1.6 Fail	1.4 Fail	—	1.3 Fail
2.6 Fail	2.2 Fail	1.9 Fail	1.3 Fail	—

White BG

1.5Fail

1.8Fail

2.1Fail

2.9Fail

3.9AA Large

Black BG

14.1AAA

11.6AAA

10.1AAA

7.1AAA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D79F

C5C560

B4B46E

878894

83837B

Deuteranopia

D7D6A4

C5C468

B4B374

858295

83847C

Tritanopia

D5AEB1

C37A80

B08185

779798

857D7D

Achromatopsia

CFCFCF

B6B6B6

ACACAC

919191

818181

Shades & Tints Shades & Tints

#D5D98D

Dark

Light

#C3C73F

Dark

Light

#AFBB55

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5d98d;
  --color-2: #c3c73f;
  --color-3: #afbb55;
  --color-4: #759f91;
  --color-5: #85807a;
}

SCSS

$color-1: #d5d98d;
$color-2: #c3c73f;
$color-3: #afbb55;
$color-4: #759f91;
$color-5: #85807a;

TAILWIND

colors: {
  'brand-1': '#d5d98d',
  'brand-2': '#c3c73f',
  'brand-3': '#afbb55',
  'brand-4': '#759f91',
  'brand-5': '#85807a',
}

RGB Array

[213, 217, 141], [195, 199, 63], [175, 187, 85], [117, 159, 145], [133, 128, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #D5D98D, #C3C73F, #AFBB55, #759F91, #85807A is ideal for: corporate websites, product showcases, portfolios. 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: #d5d98d; --color-2: #c3c73f; --color-3: #afbb55; --color-4: #759f91; --color-5: #85807a. 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. 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