#EDE6AF + #CED2AF + #C3B18D + #DDA785 + #826E53 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE6AF

Fresh Green · Wheat · Lemon Cream

HEX

#EDE6AF

RGB

rgb(237, 230, 175)

HSL

hsl(53, 63%, 81%)

HSB

hsb(53, 26%, 93%)

CMYK

cmyk(0%, 3%, 26%, 7%)

Oklch

oklch(91.7% 0.071 101.6)

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

#CED2AF

Fresh Green · Silver · Sunflower

HEX

#CED2AF

RGB

rgb(206, 210, 175)

HSL

hsl(67, 28%, 75%)

HSB

hsb(67, 17%, 82%)

CMYK

cmyk(2%, 0%, 17%, 18%)

Oklch

oklch(85.2% 0.047 112.7)

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

#C3B18D

Ginger · Tan · Sunflower

HEX

#C3B18D

RGB

rgb(195, 177, 141)

HSL

hsl(40, 31%, 66%)

HSB

hsb(40, 28%, 76%)

CMYK

cmyk(0%, 9%, 28%, 24%)

Oklch

oklch(76.7% 0.053 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DDA785

Apricot · BurlyWood · Warm Sun

HEX

#DDA785

RGB

rgb(221, 167, 133)

HSL

hsl(23, 56%, 69%)

HSB

hsb(23, 40%, 87%)

CMYK

cmyk(0%, 24%, 40%, 13%)

Oklch

oklch(77.0% 0.079 53.4)

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

#826E53

Ochre · DimGray · Amber Brown

HEX

#826E53

RGB

rgb(130, 110, 83)

HSL

hsl(34, 22%, 42%)

HSB

hsb(34, 36%, 51%)

CMYK

cmyk(0%, 15%, 36%, 49%)

Oklch

oklch(55.0% 0.047 74.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE6AF

B0B7ED

Analogous

EDC7B0

EDE6AF

D6EDB0

Triadic

EDE6AF

B0EDE6

E6B0ED

Split-Comp.

EDE6AF

B0D6ED

C7B0ED

Tetradic

EDE6AF

B0EDC7

B0B7ED

EDB0D6

Contrast Matrix WCAG 2.1 Contrast

EDE6AF	CED2AF	C3B18D	DDA785	826E53
—	1.2 Fail	1.7 Fail	1.7 Fail	3.8 AA Large
1.2 Fail	—	1.3 Fail	1.4 Fail	3.1 AA Large
1.7 Fail	1.3 Fail	—	1.0 Fail	2.3 Fail
1.7 Fail	1.4 Fail	1.0 Fail	—	2.3 Fail
3.8 AA Large	3.1 AA Large	2.3 Fail	2.3 Fail	—

White BG

1.3Fail

1.6Fail

2.1Fail

4.9AA

Black BG

16.5AAA

13.5AAA

10.0AAA

9.9AAA

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEABC

D0D0B7

BBBB96

C6C58D

79795A

Deuteranopia

EAEBC0

D0CFBA

BCBE98

C9CD8F

7B7C5B

Tritanopia

EDC7C9

CEBEC0

C29D9E

DA9495

815F60

Achromatopsia

E2E2E2

CDCDCD

B2B2B2

B3B3B3

717171

Shades & Tints Shades & Tints

#EDE6AF

Dark

Light

#CED2AF

Dark

Light

#C3B18D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede6af;
  --color-2: #ced2af;
  --color-3: #c3b18d;
  --color-4: #dda785;
  --color-5: #826e53;
}

SCSS

$color-1: #ede6af;
$color-2: #ced2af;
$color-3: #c3b18d;
$color-4: #dda785;
$color-5: #826e53;

TAILWIND

colors: {
  'brand-1': '#ede6af',
  'brand-2': '#ced2af',
  'brand-3': '#c3b18d',
  'brand-4': '#dda785',
  'brand-5': '#826e53',
}

RGB Array

[237, 230, 175], [206, 210, 175], [195, 177, 141], [221, 167, 133], [130, 110, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE6AF, #CED2AF, #C3B18D, #DDA785, #826E53 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: #ede6af; --color-2: #ced2af; --color-3: #c3b18d; --color-4: #dda785; --color-5: #826e53. 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