← Back to Editor

#EBD5BC · #8FB3A7 · #779799 · #685E70 · #665462

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 LibraryData Visualization

Color Details Color Details

#EBD5BC

Goose Yellow · Wheat · Peach Orange

HEX
#EBD5BC
RGB
rgb(235, 213, 188)
HSL
hsl(32, 54%, 83%)
HSB
hsb(32, 20%, 92%)
CMYK
cmyk(0%, 9%, 20%, 8%)
Oklch
oklch(88.5% 0.041 70.8)

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

#8FB3A7

Jade · DarkSeaGreen · Lake Green

HEX
#8FB3A7
RGB
rgb(143, 179, 167)
HSL
hsl(160, 19%, 63%)
HSB
hsb(160, 20%, 70%)
CMYK
cmyk(20%, 0%, 7%, 30%)
Oklch
oklch(73.7% 0.043 172.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#779799

Slate Blue · LightSlateGray · Lake Green

HEX
#779799
RGB
rgb(119, 151, 153)
HSL
hsl(184, 14%, 53%)
HSB
hsb(184, 22%, 60%)
CMYK
cmyk(22%, 1%, 0%, 40%)
Oklch
oklch(65.3% 0.036 201.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#685E70

Dark Plum · DimGray · Charcoal

HEX
#685E70
RGB
rgb(104, 94, 112)
HSL
hsl(273, 9%, 40%)
HSB
hsb(273, 16%, 44%)
CMYK
cmyk(7%, 16%, 0%, 56%)
Oklch
oklch(49.8% 0.031 310.1)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

#665462

Rose Purple · DimGray · Eggplant

HEX
#665462
RGB
rgb(102, 84, 98)
HSL
hsl(313, 10%, 36%)
HSB
hsb(313, 18%, 40%)
CMYK
cmyk(0%, 18%, 4%, 60%)
Oklch
oklch(46.9% 0.032 333.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD5BC
BCD2EB

Analogous

EBBEBC
EBD5BC
E9EBBC

Triadic

EBD5BC
BCEBD5
D5BCEB

Split-Comp.

EBD5BC
BCE9EB
BEBCEB

Tetradic

EBD5BC
BCEBBE
BCD2EB
EBBCE9

Contrast Matrix WCAG 2.1 Contrast

EBD5BC
8FB3A7
779799
685E70
665462
—
1.6
Fail
2.2
Fail
4.3
AA Large
4.9
AA
1.6
Fail
—
1.4
Fail
2.7
Fail
3.0
AA Large
2.2
Fail
1.4
Fail
—
1.9
Fail
2.2
Fail
4.3
AA Large
2.7
Fail
1.9
Fail
—
1.1
Fail
4.9
AA
3.0
AA Large
2.2
Fail
1.1
Fail
—
White BG
1.4Fail
2.3Fail
3.1AA Large
6.1AA
7.0AA
Black BG
14.8AAA
9.2AAA
6.7AA
3.4AA Large
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1C2
9F9FAA
858599
64646C
5E5E5F

Deuteranopia

E3E4C4
9D9AAB
838198
64656B
5F615E

Tritanopia

EAC7C8
91ACAD
799898
686867
655C5B

Achromatopsia

D9D9D9
A7A7A7
8E8E8E
636363
5B5B5B

Shades & Tints Shades & Tints

#EBD5BC

Dark
Light

#8FB3A7

Dark
Light

#779799

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd5bc;
  --color-2: #8fb3a7;
  --color-3: #779799;
  --color-4: #685e70;
  --color-5: #665462;
}

SCSS

$color-1: #ebd5bc;
$color-2: #8fb3a7;
$color-3: #779799;
$color-4: #685e70;
$color-5: #665462;

TAILWIND

colors: {
  'brand-1': '#ebd5bc',
  'brand-2': '#8fb3a7',
  'brand-3': '#779799',
  'brand-4': '#685e70',
  'brand-5': '#665462',
}

RGB Array

[235, 213, 188], [143, 179, 167], [119, 151, 153], [104, 94, 112], [102, 84, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBD5BC, #8FB3A7, #779799, #685E70, #665462 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #ebd5bc; --color-2: #8fb3a7; --color-3: #779799; --color-4: #685e70; --color-5: #665462. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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