← Back to Editor

#EEEFE6 · #BED0BC · #8CB1AE · #75A3AD · #76788D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EEEFE6

Fresh Green · Linen · Lemon Cream

HEX
#EEEFE6
RGB
rgb(238, 239, 230)
HSL
hsl(67, 22%, 92%)
HSB
hsb(67, 4%, 94%)
CMYK
cmyk(0%, 0%, 4%, 6%)
Oklch
oklch(94.9% 0.012 111.8)

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

#BED0BC

Celadon · Silver · Apple Green

HEX
#BED0BC
RGB
rgb(190, 208, 188)
HSL
hsl(114, 18%, 78%)
HSB
hsb(114, 10%, 82%)
CMYK
cmyk(9%, 0%, 10%, 18%)
Oklch
oklch(83.8% 0.034 142.5)

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

#8CB1AE

Jade · DarkGray · Lake Green

HEX
#8CB1AE
RGB
rgb(140, 177, 174)
HSL
hsl(175, 19%, 62%)
HSB
hsb(175, 21%, 69%)
CMYK
cmyk(21%, 0%, 2%, 31%)
Oklch
oklch(73.2% 0.040 190.2)

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

#75A3AD

Slate Blue · CadetBlue · Lake Green

HEX
#75A3AD
RGB
rgb(117, 163, 173)
HSL
hsl(191, 25%, 57%)
HSB
hsb(191, 32%, 68%)
CMYK
cmyk(32%, 6%, 0%, 32%)
Oklch
oklch(68.6% 0.051 212.6)

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

#76788D

Azure · SlateGray · Warm Gray

HEX
#76788D
RGB
rgb(118, 120, 141)
HSL
hsl(235, 9%, 51%)
HSB
hsb(235, 16%, 55%)
CMYK
cmyk(16%, 15%, 0%, 45%)
Oklch
oklch(57.8% 0.032 281.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEEFE6
E7E6EF

Analogous

EFECE6
EEEFE6
EAEFE6

Triadic

EEEFE6
E6EEEF
EFE6EE

Split-Comp.

EEEFE6
E6EAEF
ECE6EF

Tetradic

EEEFE6
E6EFEC
E7E6EF
EFE6EA

Contrast Matrix WCAG 2.1 Contrast

EEEFE6
BED0BC
8CB1AE
75A3AD
76788D
—
1.4
Fail
2.0
Fail
2.4
Fail
3.7
AA Large
1.4
Fail
—
1.4
Fail
1.7
Fail
2.7
Fail
2.0
Fail
1.4
Fail
—
1.2
Fail
1.9
Fail
2.4
Fail
1.7
Fail
1.2
Fail
—
1.6
Fail
3.7
AA Large
2.7
Fail
1.9
Fail
1.6
Fail
—
White BG
1.2Fail
1.6Fail
2.3Fail
2.8Fail
4.3AA Large
Black BG
18.1AAA
12.9AAA
9.0AAA
7.6AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEE8
C6C6C1
9C9CAF
8989AB
777788

Deuteranopia

EEEEE9
C5C3C2
9A97AF
8683AA
777787

Tritanopia

EEEAEA
BFC5C6
8EAFAF
77A9A8
768483

Achromatopsia

EEEEEE
C8C8C8
A6A6A6
969696
7A7A7A

Shades & Tints Shades & Tints

#EEEFE6

Dark
Light

#BED0BC

Dark
Light

#8CB1AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeefe6;
  --color-2: #bed0bc;
  --color-3: #8cb1ae;
  --color-4: #75a3ad;
  --color-5: #76788d;
}

SCSS

$color-1: #eeefe6;
$color-2: #bed0bc;
$color-3: #8cb1ae;
$color-4: #75a3ad;
$color-5: #76788d;

TAILWIND

colors: {
  'brand-1': '#eeefe6',
  'brand-2': '#bed0bc',
  'brand-3': '#8cb1ae',
  'brand-4': '#75a3ad',
  'brand-5': '#76788d',
}

RGB Array

[238, 239, 230], [190, 208, 188], [140, 177, 174], [117, 163, 173], [118, 120, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEEFE6, #BED0BC, #8CB1AE, #75A3AD, #76788D is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #eeefe6; --color-2: #bed0bc; --color-3: #8cb1ae; --color-4: #75a3ad; --color-5: #76788d. 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. 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 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