← Back to Editor

#EFDEB0 · #C7CFBD · #9EBFC9 · #8A9398 · #756667

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFDEB0

Goose Yellow · Wheat · Lemon Cream

HEX
#EFDEB0
RGB
rgb(239, 222, 176)
HSL
hsl(44, 66%, 81%)
HSB
hsb(44, 26%, 94%)
CMYK
cmyk(0%, 7%, 26%, 6%)
Oklch
oklch(90.3% 0.063 90.2)

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

#C7CFBD

Willow Green · Silver · Apple Green

HEX
#C7CFBD
RGB
rgb(199, 207, 189)
HSL
hsl(87, 16%, 78%)
HSB
hsb(87, 9%, 81%)
CMYK
cmyk(4%, 0%, 9%, 19%)
Oklch
oklch(84.3% 0.026 126.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#9EBFC9

Sky Blue · LightSteelBlue · Lake Green

HEX
#9EBFC9
RGB
rgb(158, 191, 201)
HSL
hsl(194, 28%, 70%)
HSB
hsb(194, 21%, 79%)
CMYK
cmyk(21%, 5%, 0%, 21%)
Oklch
oklch(78.4% 0.038 218.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#8A9398

Ash · LightSlateGray · Silver Sand

HEX
#8A9398
RGB
rgb(138, 147, 152)
HSL
hsl(201, 6%, 57%)
HSB
hsb(201, 9%, 60%)
CMYK
cmyk(9%, 3%, 0%, 40%)
Oklch
oklch(65.8% 0.013 231.8)

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

#756667

Ink Gray · DimGray · Warm Gray

HEX
#756667
RGB
rgb(117, 102, 103)
HSL
hsl(356, 7%, 43%)
HSB
hsb(356, 13%, 46%)
CMYK
cmyk(0%, 13%, 12%, 54%)
Oklch
oklch(52.5% 0.019 13.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFDEB0
AFC0EF

Analogous

EFBDAF
EFDEB0
E0EFAF

Triadic

EFDEB0
AFEFDD
DDAFEF

Split-Comp.

EFDEB0
AFE0EF
BDAFEF

Tetradic

EFDEB0
AFEFBD
AFC0EF
EFAFE0

Contrast Matrix WCAG 2.1 Contrast

EFDEB0
C7CFBD
9EBFC9
8A9398
756667
—
1.2
Fail
1.5
Fail
2.3
Fail
4.1
AA Large
1.2
Fail
—
1.2
Fail
2.0
Fail
3.4
AA Large
1.5
Fail
1.2
Fail
—
1.6
Fail
2.8
Fail
2.3
Fail
2.0
Fail
1.6
Fail
—
1.7
Fail
4.1
AA Large
3.4
AA Large
2.8
Fail
1.7
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
3.1AA Large
5.5AA
Black BG
15.7AAA
13.1AAA
10.7AAA
6.7AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7BB
CACBC1
ACADC7
8E8E97
6F6E67

Deuteranopia

E9EABE
CAC9C2
AAA8C6
8D8D97
6F7067

Tritanopia

EEC4C6
C7C5C6
A0C5C4
8A9696
746767

Achromatopsia

DEDEDE
CBCBCB
B6B6B6
919191
6B6B6B

Shades & Tints Shades & Tints

#EFDEB0

Dark
Light

#C7CFBD

Dark
Light

#9EBFC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efdeb0;
  --color-2: #c7cfbd;
  --color-3: #9ebfc9;
  --color-4: #8a9398;
  --color-5: #756667;
}

SCSS

$color-1: #efdeb0;
$color-2: #c7cfbd;
$color-3: #9ebfc9;
$color-4: #8a9398;
$color-5: #756667;

TAILWIND

colors: {
  'brand-1': '#efdeb0',
  'brand-2': '#c7cfbd',
  'brand-3': '#9ebfc9',
  'brand-4': '#8a9398',
  'brand-5': '#756667',
}

RGB Array

[239, 222, 176], [199, 207, 189], [158, 191, 201], [138, 147, 152], [117, 102, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFDEB0, #C7CFBD, #9EBFC9, #8A9398, #756667 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #efdeb0; --color-2: #c7cfbd; --color-3: #9ebfc9; --color-4: #8a9398; --color-5: #756667. 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 beauty, lifestyle, arts 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