#E6B440 + #D3C367 + #C3CDAD + #ACDDD1 + #EEEDF0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6B440

Ginger · GoldenRod · Sunflower

HEX

#E6B440

RGB

rgb(230, 180, 64)

HSL

hsl(42, 77%, 58%)

HSB

hsb(42, 72%, 90%)

CMYK

cmyk(0%, 22%, 72%, 10%)

Oklch

oklch(79.5% 0.141 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D3C367

Fresh Green · BurlyWood · Sunflower

HEX

#D3C367

RGB

rgb(211, 195, 103)

HSL

hsl(51, 55%, 62%)

HSB

hsb(51, 51%, 83%)

CMYK

cmyk(0%, 8%, 51%, 17%)

Oklch

oklch(81.1% 0.115 99.6)

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

#C3CDAD

Willow Green · Silver · Apple Green

HEX

#C3CDAD

RGB

rgb(195, 205, 173)

HSL

hsl(79, 24%, 74%)

HSB

hsb(79, 16%, 80%)

CMYK

cmyk(5%, 0%, 16%, 20%)

Oklch

oklch(83.2% 0.045 121.5)

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

#ACDDD1

Jade · LightBlue · Glacier Blue

HEX

#ACDDD1

RGB

rgb(172, 221, 209)

HSL

hsl(165, 42%, 77%)

HSB

hsb(165, 22%, 87%)

CMYK

cmyk(22%, 0%, 5%, 13%)

Oklch

oklch(86.0% 0.053 178.3)

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

#EEEDF0

Wisteria · Lavender · Cloud White

HEX

#EEEDF0

RGB

rgb(238, 237, 240)

HSL

hsl(260, 9%, 94%)

HSB

hsb(260, 1%, 94%)

CMYK

cmyk(1%, 1%, 0%, 6%)

Oklch

oklch(94.8% 0.004 301.4)

Traditional「Wisteria」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6B440

4173E6

Analogous

E66241

E6B440

C5E641

Triadic

E6B440

41E6B5

B541E6

Split-Comp.

E6B440

41C5E6

6241E6

Tetradic

E6B440

41E662

4173E6

E641C5

Contrast Matrix WCAG 2.1 Contrast

E6B440	D3C367	C3CDAD	ACDDD1	EEEDF0
—	1.1 Fail	1.2 Fail	1.3 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.3 Fail
1.6 Fail	1.5 Fail	1.4 Fail	1.3 Fail	—

White BG

1.9Fail

1.8Fail

1.7Fail

1.5Fail

1.2Fail

Black BG

11.0AAA

11.8AAA

12.7AAA

14.0AAA

18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D05C

CCCC7D

C7C7B5

C1C2D4

EEEEEF

Deuteranopia

D3D763

CDCE83

C7C6B7

BEBBD5

EEEEEF

Tritanopia

E47277

D28F93

C4BBBC

AED6D7

EEEFEF

Achromatopsia

B6B6B6

BDBDBD

C6C6C6

CDCDCD

EEEEEE

Shades & Tints Shades & Tints

#E6B440

Dark

Light

#D3C367

Dark

Light

#C3CDAD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6b440;
  --color-2: #d3c367;
  --color-3: #c3cdad;
  --color-4: #acddd1;
  --color-5: #eeedf0;
}

SCSS

$color-1: #e6b440;
$color-2: #d3c367;
$color-3: #c3cdad;
$color-4: #acddd1;
$color-5: #eeedf0;

TAILWIND

colors: {
  'brand-1': '#e6b440',
  'brand-2': '#d3c367',
  'brand-3': '#c3cdad',
  'brand-4': '#acddd1',
  'brand-5': '#eeedf0',
}

RGB Array

[230, 180, 64], [211, 195, 103], [195, 205, 173], [172, 221, 209], [238, 237, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6B440, #D3C367, #C3CDAD, #ACDDD1, #EEEDF0 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: #e6b440; --color-2: #d3c367; --color-3: #c3cdad; --color-4: #acddd1; --color-5: #eeedf0. 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 general-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