#DAE65E + #DCE997 + #EDF0BB + #E9BBAE + #C98D85 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAE65E

Fresh Green · Khaki · Sunflower

HEX

#DAE65E

RGB

rgb(218, 230, 94)

HSL

hsl(65, 73%, 64%)

HSB

hsb(65, 59%, 90%)

CMYK

cmyk(5%, 0%, 59%, 10%)

Oklch

oklch(89.0% 0.159 113.9)

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

#DCE997

Willow Green · Khaki · Apple Green

HEX

#DCE997

RGB

rgb(220, 233, 151)

HSL

hsl(70, 65%, 75%)

HSB

hsb(70, 35%, 91%)

CMYK

cmyk(6%, 0%, 35%, 9%)

Oklch

oklch(90.6% 0.105 115.9)

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

#EDF0BB

Fresh Green · Wheat · Lemon Cream

HEX

#EDF0BB

RGB

rgb(237, 240, 187)

HSL

hsl(63, 64%, 84%)

HSB

hsb(63, 22%, 94%)

CMYK

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

Oklch

oklch(94.0% 0.069 110.3)

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

#E9BBAE

Peach Pink · LightPink · Coral Red

HEX

#E9BBAE

RGB

rgb(233, 187, 174)

HSL

hsl(13, 57%, 80%)

HSB

hsb(13, 25%, 91%)

CMYK

cmyk(0%, 20%, 25%, 9%)

Oklch

oklch(82.9% 0.056 36.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C98D85

Peach Pink · DarkSalmon · Coral Red

HEX

#C98D85

RGB

rgb(201, 141, 133)

HSL

hsl(7, 39%, 65%)

HSB

hsb(7, 34%, 79%)

CMYK

cmyk(0%, 30%, 34%, 21%)

Oklch

oklch(70.0% 0.075 27.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE65E

6B60E6

Analogous

E6AE60

DAE65E

98E660

Triadic

DAE65E

60DBE6

E660DB

Split-Comp.

DAE65E

6098E6

AE60E6

Tetradic

DAE65E

60E6AE

6B60E6

E66098

Contrast Matrix WCAG 2.1 Contrast

DAE65E	DCE997	EDF0BB	E9BBAE	C98D85
—	1.0 Fail	1.2 Fail	1.3 Fail	2.0 Fail
1.0 Fail	—	1.1 Fail	1.3 Fail	2.1 Fail
1.2 Fail	1.1 Fail	—	1.5 Fail	2.3 Fail
1.3 Fail	1.3 Fail	1.5 Fail	—	1.6 Fail
2.0 Fail	2.1 Fail	2.3 Fail	1.6 Fail	—

White BG

1.4Fail

1.3Fail

1.2Fail

1.7Fail

2.8Fail

Black BG

15.5AAA

16.1AAA

17.8AAA

12.2AAA

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDF7F

E2E2AB

EEEEC8

D5D5B1

AFAE87

Deuteranopia

DFDE87

E1E0B0

EEEECB

D8DBB2

B3B787

Tritanopia

DB999F

DDBBBE

EDD2D4

E7B4B4

C68889

Achromatopsia

D3D3D3

DCDCDC

E9E9E9

C7C7C7

9E9E9E

Shades & Tints Shades & Tints

#DAE65E

Dark

Light

#DCE997

Dark

Light

#EDF0BB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae65e;
  --color-2: #dce997;
  --color-3: #edf0bb;
  --color-4: #e9bbae;
  --color-5: #c98d85;
}

SCSS

$color-1: #dae65e;
$color-2: #dce997;
$color-3: #edf0bb;
$color-4: #e9bbae;
$color-5: #c98d85;

TAILWIND

colors: {
  'brand-1': '#dae65e',
  'brand-2': '#dce997',
  'brand-3': '#edf0bb',
  'brand-4': '#e9bbae',
  'brand-5': '#c98d85',
}

RGB Array

[218, 230, 94], [220, 233, 151], [237, 240, 187], [233, 187, 174], [201, 141, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE65E, #DCE997, #EDF0BB, #E9BBAE, #C98D85 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: #dae65e; --color-2: #dce997; --color-3: #edf0bb; --color-4: #e9bbae; --color-5: #c98d85. 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