← Back to Editor

#EDD9B8 · #C8A7A2 · #7E6A73 · #948393 · #9FA2A9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EDD9B8

Goose Yellow · Wheat · Peach Orange

HEX
#EDD9B8
RGB
rgb(237, 217, 184)
HSL
hsl(37, 60%, 83%)
HSB
hsb(37, 22%, 93%)
CMYK
cmyk(0%, 8%, 22%, 7%)
Oklch
oklch(89.3% 0.049 80.3)

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

#C8A7A2

Peach Pink · Tan · Coral Red

HEX
#C8A7A2
RGB
rgb(200, 167, 162)
HSL
hsl(8, 26%, 71%)
HSB
hsb(8, 19%, 78%)
CMYK
cmyk(0%, 16%, 19%, 22%)
Oklch
oklch(75.6% 0.040 28.1)

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

#7E6A73

Dark Violet · DimGray · Warm Gray

HEX
#7E6A73
RGB
rgb(126, 106, 115)
HSL
hsl(333, 9%, 45%)
HSB
hsb(333, 16%, 49%)
CMYK
cmyk(0%, 16%, 9%, 51%)
Oklch
oklch(54.6% 0.029 349.2)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#948393

Ash · Gray · Warm Gray

HEX
#948393
RGB
rgb(148, 131, 147)
HSL
hsl(304, 7%, 55%)
HSB
hsb(304, 11%, 58%)
CMYK
cmyk(0%, 11%, 1%, 42%)
Oklch
oklch(63.0% 0.031 327.8)

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

#9FA2A9

Ash · DarkGray · Silver Sand

HEX
#9FA2A9
RGB
rgb(159, 162, 169)
HSL
hsl(222, 5%, 64%)
HSB
hsb(222, 6%, 66%)
CMYK
cmyk(6%, 4%, 0%, 34%)
Oklch
oklch(71.2% 0.011 267.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDD9B8
BACEEE

Analogous

EEC0BA
EDD9B8
E8EEBA

Triadic

EDD9B8
BAEEDA
DABAEE

Split-Comp.

EDD9B8
BAE8EE
C0BAEE

Tetradic

EDD9B8
BAEEC0
BACEEE
EEBAE8

Contrast Matrix WCAG 2.1 Contrast

EDD9B8
C8A7A2
7E6A73
948393
9FA2A9
—
1.6
Fail
3.6
AA Large
2.6
Fail
1.9
Fail
1.6
Fail
—
2.3
Fail
1.6
Fail
1.2
Fail
3.6
AA Large
2.3
Fail
—
1.4
Fail
2.0
Fail
2.6
Fail
1.6
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
1.2
Fail
2.0
Fail
1.4
Fail
—
White BG
1.4Fail
2.2Fail
5.0AA
3.5AA Large
2.6Fail
Black BG
15.2AAA
9.5AAA
4.2AA Large
5.9AA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C0
BAB9A3
757571
8D8C8F
A0A0A7

Deuteranopia

E6E7C2
BCBEA4
777870
8E8F8E
A0A0A7

Tritanopia

ECC6C8
C6A4A4
7D6F6F
938C8B
9FA6A6

Achromatopsia

DBDBDB
B0B0B0
717171
8A8A8A
A2A2A2

Shades & Tints Shades & Tints

#EDD9B8

Dark
Light

#C8A7A2

Dark
Light

#7E6A73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edd9b8;
  --color-2: #c8a7a2;
  --color-3: #7e6a73;
  --color-4: #948393;
  --color-5: #9fa2a9;
}

SCSS

$color-1: #edd9b8;
$color-2: #c8a7a2;
$color-3: #7e6a73;
$color-4: #948393;
$color-5: #9fa2a9;

TAILWIND

colors: {
  'brand-1': '#edd9b8',
  'brand-2': '#c8a7a2',
  'brand-3': '#7e6a73',
  'brand-4': '#948393',
  'brand-5': '#9fa2a9',
}

RGB Array

[237, 217, 184], [200, 167, 162], [126, 106, 115], [148, 131, 147], [159, 162, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDD9B8, #C8A7A2, #7E6A73, #948393, #9FA2A9 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: #edd9b8; --color-2: #c8a7a2; --color-3: #7e6a73; --color-4: #948393; --color-5: #9fa2a9. 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