#EDDF82 + #E4DDA7 + #DBDBCC + #995F5F + #E66450 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDDF82

Fresh Green · Khaki · Sunflower

HEX

#EDDF82

RGB

rgb(237, 223, 130)

HSL

hsl(52, 75%, 72%)

HSB

hsb(52, 45%, 93%)

CMYK

cmyk(0%, 6%, 45%, 7%)

Oklch

oklch(89.5% 0.115 100.8)

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

#E4DDA7

Fresh Green · Wheat · Lemon Cream

HEX

#E4DDA7

RGB

rgb(228, 221, 167)

HSL

hsl(53, 53%, 77%)

HSB

hsb(53, 27%, 89%)

CMYK

cmyk(0%, 3%, 27%, 11%)

Oklch

oklch(89.0% 0.071 101.5)

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

#DBDBCC

Fresh Green · LightGray · Lemon Cream

HEX

#DBDBCC

RGB

rgb(219, 219, 204)

HSL

hsl(60, 17%, 83%)

HSB

hsb(60, 7%, 86%)

CMYK

cmyk(0%, 0%, 7%, 14%)

Oklch

oklch(88.7% 0.020 106.8)

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

#995F5F

Crimson · DimGray · Passion Red

HEX

#995F5F

RGB

rgb(153, 95, 95)

HSL

hsl(0, 23%, 49%)

HSB

hsb(0, 38%, 60%)

CMYK

cmyk(0%, 38%, 38%, 40%)

Oklch

oklch(54.9% 0.076 19.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E66450

Peach Pink · Tomato · Coral Red

HEX

#E66450

RGB

rgb(230, 100, 80)

HSL

hsl(8, 75%, 61%)

HSB

hsb(8, 65%, 90%)

CMYK

cmyk(0%, 57%, 65%, 10%)

Oklch

oklch(66.1% 0.166 30.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDF82

8290ED

Analogous

EDA982

EDDF82

C6ED82

Triadic

EDDF82

82EDDF

DF82ED

Split-Comp.

EDDF82

82C6ED

A982ED

Tetradic

EDDF82

82EDA9

8290ED

ED82C6

Contrast Matrix WCAG 2.1 Contrast

EDDF82	E4DDA7	DBDBCC	995F5F	E66450
—	1.0 Fail	1.0 Fail	3.7 AA Large	2.5 Fail
1.0 Fail	—	1.0 Fail	3.7 AA Large	2.4 Fail
1.0 Fail	1.0 Fail	—	3.6 AA Large	2.4 Fail
3.7 AA Large	3.7 AA Large	3.6 AA Large	—	1.5 Fail
2.5 Fail	2.4 Fail	2.4 Fail	1.5 Fail	—

White BG

1.4Fail

5.1AA

3.3AA Large

Black BG

15.5AAA

15.2AAA

15.0AAA

4.2AA Large

6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E799

E1E1B4

DBDBD0

807F5F

AEAD55

Deuteranopia

E8E99E

E1E2B7

DBDBD1

83885F

B5BF56

Tritanopia

ECAAAE

E4BEC1

DBD2D3

965F5F

E0595A

Achromatopsia

D9D9D9

707070

898989

Shades & Tints Shades & Tints

#EDDF82

Dark

Light

#E4DDA7

Dark

Light

#DBDBCC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddf82;
  --color-2: #e4dda7;
  --color-3: #dbdbcc;
  --color-4: #995f5f;
  --color-5: #e66450;
}

SCSS

$color-1: #eddf82;
$color-2: #e4dda7;
$color-3: #dbdbcc;
$color-4: #995f5f;
$color-5: #e66450;

TAILWIND

colors: {
  'brand-1': '#eddf82',
  'brand-2': '#e4dda7',
  'brand-3': '#dbdbcc',
  'brand-4': '#995f5f',
  'brand-5': '#e66450',
}

RGB Array

[237, 223, 130], [228, 221, 167], [219, 219, 204], [153, 95, 95], [230, 100, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDF82, #E4DDA7, #DBDBCC, #995F5F, #E66450 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: #eddf82; --color-2: #e4dda7; --color-3: #dbdbcc; --color-4: #995f5f; --color-5: #e66450. 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