#DCB06A + #D9DC9A + #E7E99B + #D3EAC7 + #B4CFA6 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DCB06A

Ginger · SandyBrown · Warm Sun

HEX

#DCB06A

RGB

rgb(220, 176, 106)

HSL

hsl(37, 62%, 64%)

HSB

hsb(37, 52%, 86%)

CMYK

cmyk(0%, 20%, 52%, 14%)

Oklch

oklch(78.2% 0.102 78.0)

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

#D9DC9A

Fresh Green · Khaki · Sunflower

HEX

#D9DC9A

RGB

rgb(217, 220, 154)

HSL

hsl(63, 49%, 73%)

HSB

hsb(63, 30%, 86%)

CMYK

cmyk(1%, 0%, 30%, 14%)

Oklch

oklch(87.7% 0.086 110.2)

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

#E7E99B

Fresh Green · Khaki · Lemon Cream

HEX

#E7E99B

RGB

rgb(231, 233, 155)

HSL

hsl(62, 64%, 76%)

HSB

hsb(62, 33%, 91%)

CMYK

cmyk(1%, 0%, 33%, 9%)

Oklch

oklch(91.5% 0.099 109.5)

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

#D3EAC7

Celadon · LightGray · Mint Green

HEX

#D3EAC7

RGB

rgb(211, 234, 199)

HSL

hsl(99, 45%, 85%)

HSB

hsb(99, 15%, 92%)

CMYK

cmyk(10%, 0%, 15%, 8%)

Oklch

oklch(91.1% 0.053 134.8)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#B4CFA6

Celadon · Silver · Apple Green

HEX

#B4CFA6

RGB

rgb(180, 207, 166)

HSL

hsl(100, 30%, 73%)

HSB

hsb(100, 20%, 81%)

CMYK

cmyk(13%, 0%, 20%, 19%)

Oklch

oklch(82.4% 0.063 135.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCB06A

6A96DC

Analogous

DC786A

DCB06A

CFDC6A

Triadic

DCB06A

6ADCB0

B06ADC

Split-Comp.

DCB06A

6ACFDC

786ADC

Tetradic

DCB06A

6ADC78

6A96DC

DC6ACF

Contrast Matrix WCAG 2.1 Contrast

DCB06A	D9DC9A	E7E99B	D3EAC7	B4CFA6
—	1.4 Fail	1.6 Fail	1.6 Fail	1.2 Fail
1.4 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.6 Fail	1.1 Fail	—	1.0 Fail	1.3 Fail
1.6 Fail	1.1 Fail	1.0 Fail	—	1.3 Fail
1.2 Fail	1.2 Fail	1.3 Fail	1.3 Fail	—

White BG

2.0Fail

1.4Fail

1.3Fail

1.7Fail

Black BG

10.5AAA

14.7AAA

16.5AAA

16.4AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C97B

DADAAA

E8E8AE

DDDDCF

C0C0B0

Deuteranopia

CCCF7F

DADAAE

E8E8B2

DCDAD2

BEBCB2

Tritanopia

DA888B

D9B7B9

E7BDC0

D4D6D8

B5B8B9

Achromatopsia

B5B5B5

D4D4D4

E0E0E0

DFDFDF

C2C2C2

Shades & Tints Shades & Tints

#DCB06A

Dark

Light

#D9DC9A

Dark

Light

#E7E99B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcb06a;
  --color-2: #d9dc9a;
  --color-3: #e7e99b;
  --color-4: #d3eac7;
  --color-5: #b4cfa6;
}

SCSS

$color-1: #dcb06a;
$color-2: #d9dc9a;
$color-3: #e7e99b;
$color-4: #d3eac7;
$color-5: #b4cfa6;

TAILWIND

colors: {
  'brand-1': '#dcb06a',
  'brand-2': '#d9dc9a',
  'brand-3': '#e7e99b',
  'brand-4': '#d3eac7',
  'brand-5': '#b4cfa6',
}

RGB Array

[220, 176, 106], [217, 220, 154], [231, 233, 155], [211, 234, 199], [180, 207, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #DCB06A, #D9DC9A, #E7E99B, #D3EAC7, #B4CFA6 is ideal for: health products, baby brands, fresh-style blogs. 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: #dcb06a; --color-2: #d9dc9a; --color-3: #e7e99b; --color-4: #d3eac7; --color-5: #b4cfa6. 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. 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