#E6A91C + #D9D564 + #CDE0A4 + #CBF7CB + #D2D9C3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6A91C

Ginger · GoldenRod · Sunflower

HEX

#E6A91C

RGB

rgb(230, 169, 28)

HSL

hsl(42, 80%, 51%)

HSB

hsb(42, 88%, 90%)

CMYK

cmyk(0%, 27%, 88%, 10%)

Oklch

oklch(77.2% 0.154 81.3)

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

#D9D564

Fresh Green · BurlyWood · Sunflower

HEX

#D9D564

RGB

rgb(217, 213, 100)

HSL

hsl(58, 61%, 62%)

HSB

hsb(58, 54%, 85%)

CMYK

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

Oklch

oklch(85.4% 0.135 107.1)

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

#CDE0A4

Willow Green · Wheat · Apple Green

HEX

#CDE0A4

RGB

rgb(205, 224, 164)

HSL

hsl(79, 49%, 76%)

HSB

hsb(79, 27%, 88%)

CMYK

cmyk(8%, 0%, 27%, 12%)

Oklch

oklch(87.8% 0.082 122.4)

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

#CBF7CB

Emerald · LightGray · Mint Green

HEX

#CBF7CB

RGB

rgb(203, 247, 203)

HSL

hsl(120, 73%, 88%)

HSB

hsb(120, 18%, 97%)

CMYK

cmyk(18%, 0%, 18%, 3%)

Oklch

oklch(93.4% 0.074 145.0)

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

#D2D9C3

Willow Green · LightGray · Mint Green

HEX

#D2D9C3

RGB

rgb(210, 217, 195)

HSL

hsl(79, 22%, 81%)

HSB

hsb(79, 10%, 85%)

CMYK

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

Oklch

oklch(87.4% 0.031 121.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6A91C

1E5AE6

Analogous

E6461E

E6A91C

BEE61E

Triadic

E6A91C

1EE6AA

AA1EE6

Split-Comp.

E6A91C

1EBEE6

461EE6

Tetradic

E6A91C

1EE646

1E5AE6

E61EBE

Contrast Matrix WCAG 2.1 Contrast

E6A91C	D9D564	CDE0A4	CBF7CB	D2D9C3
—	1.4 Fail	1.5 Fail	1.8 Fail	1.4 Fail
1.4 Fail	—	1.1 Fail	1.3 Fail	1.1 Fail
1.5 Fail	1.1 Fail	—	1.2 Fail	1.0 Fail
1.8 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.1 Fail	1.0 Fail	1.2 Fail	—

White BG

2.1Fail

1.5Fail

1.4Fail

1.2Fail

1.5Fail

Black BG

10.1AAA

13.7AAA

14.8AAA

17.7AAA

14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB3E

D7D77F

D5D5B3

DEDED6

D5D5C8

Deuteranopia

CFD446

D8D886

D4D3B6

DCD8D8

D5D4CA

Tritanopia

E3595F

D9959A

CEBEC1

CDDEE0

D2CDCD

Achromatopsia

ABABAB

C9C9C9

D3D3D3

E5E5E5

D4D4D4

Shades & Tints Shades & Tints

#E6A91C

Dark

Light

#D9D564

Dark

Light

#CDE0A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6a91c;
  --color-2: #d9d564;
  --color-3: #cde0a4;
  --color-4: #cbf7cb;
  --color-5: #d2d9c3;
}

SCSS

$color-1: #e6a91c;
$color-2: #d9d564;
$color-3: #cde0a4;
$color-4: #cbf7cb;
$color-5: #d2d9c3;

TAILWIND

colors: {
  'brand-1': '#e6a91c',
  'brand-2': '#d9d564',
  'brand-3': '#cde0a4',
  'brand-4': '#cbf7cb',
  'brand-5': '#d2d9c3',
}

RGB Array

[230, 169, 28], [217, 213, 100], [205, 224, 164], [203, 247, 203], [210, 217, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6A91C, #D9D564, #CDE0A4, #CBF7CB, #D2D9C3 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: #e6a91c; --color-2: #d9d564; --color-3: #cde0a4; --color-4: #cbf7cb; --color-5: #d2d9c3. 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