← Back to Editor

#EDE2AF · #DEC5A9 · #BAA09E · #8F8185 · #7A6A79

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EDE2AF

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE2AF
RGB
rgb(237, 226, 175)
HSL
hsl(49, 63%, 81%)
HSB
hsb(49, 26%, 93%)
CMYK
cmyk(0%, 5%, 26%, 7%)
Oklch
oklch(90.9% 0.067 97.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DEC5A9

Goose Yellow · Wheat · Peach Orange

HEX
#DEC5A9
RGB
rgb(222, 197, 169)
HSL
hsl(32, 45%, 77%)
HSB
hsb(32, 24%, 87%)
CMYK
cmyk(0%, 11%, 24%, 13%)
Oklch
oklch(83.7% 0.047 70.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#BAA09E

Peach Pink · DarkGray · Coral Red

HEX
#BAA09E
RGB
rgb(186, 160, 158)
HSL
hsl(4, 17%, 67%)
HSB
hsb(4, 15%, 73%)
CMYK
cmyk(0%, 14%, 15%, 27%)
Oklch
oklch(72.8% 0.031 23.1)

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

#8F8185

Ash · Gray · Warm Gray

HEX
#8F8185
RGB
rgb(143, 129, 133)
HSL
hsl(343, 6%, 53%)
HSB
hsb(343, 10%, 56%)
CMYK
cmyk(0%, 10%, 7%, 44%)
Oklch
oklch(61.7% 0.018 358.4)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#7A6A79

Ink Gray · DimGray · Warm Gray

HEX
#7A6A79
RGB
rgb(122, 106, 121)
HSL
hsl(304, 7%, 45%)
HSB
hsb(304, 13%, 48%)
CMYK
cmyk(0%, 13%, 1%, 52%)
Oklch
oklch(54.4% 0.030 327.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE2AF
B0BBED

Analogous

EDC3B0
EDE2AF
DAEDB0

Triadic

EDE2AF
B0EDE2
E2B0ED

Split-Comp.

EDE2AF
B0DAED
C3B0ED

Tetradic

EDE2AF
B0EDC3
B0BBED
EDB0DA

Contrast Matrix WCAG 2.1 Contrast

EDE2AF
DEC5A9
BAA09E
8F8185
7A6A79
—
1.3
Fail
1.9
Fail
2.9
Fail
3.9
AA Large
1.3
Fail
—
1.5
Fail
2.2
Fail
3.0
AA Large
1.9
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
2.9
Fail
2.2
Fail
1.5
Fail
—
1.4
Fail
3.9
AA Large
3.0
AA Large
2.1
Fail
1.4
Fail
—
White BG
1.3Fail
1.7Fail
2.4Fail
3.7AA Large
5.0AA
Black BG
16.1AAA
12.7AAA
8.6AAA
5.6AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8BB
D3D3B0
AFAF9E
898984
737375

Deuteranopia

E9EABE
D5D6B1
B0B29F
8A8B84
747574

Tritanopia

ECC5C7
DDB5B6
B99F9F
8E8383
797372

Achromatopsia

DFDFDF
C9C9C9
A8A8A8
868686
707070

Shades & Tints Shades & Tints

#EDE2AF

Dark
Light

#DEC5A9

Dark
Light

#BAA09E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede2af;
  --color-2: #dec5a9;
  --color-3: #baa09e;
  --color-4: #8f8185;
  --color-5: #7a6a79;
}

SCSS

$color-1: #ede2af;
$color-2: #dec5a9;
$color-3: #baa09e;
$color-4: #8f8185;
$color-5: #7a6a79;

TAILWIND

colors: {
  'brand-1': '#ede2af',
  'brand-2': '#dec5a9',
  'brand-3': '#baa09e',
  'brand-4': '#8f8185',
  'brand-5': '#7a6a79',
}

RGB Array

[237, 226, 175], [222, 197, 169], [186, 160, 158], [143, 129, 133], [122, 106, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE2AF, #DEC5A9, #BAA09E, #8F8185, #7A6A79 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ede2af; --color-2: #dec5a9; --color-3: #baa09e; --color-4: #8f8185; --color-5: #7a6a79. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. Restrained colors convey professionalism and trust. 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