#EEDEB2 + #E5C8AF + #C6B4A9 + #7D978B + #767C6F · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEDEB2

Goose Yellow · Wheat · Lemon Cream

HEX

#EEDEB2

RGB

rgb(238, 222, 178)

HSL

hsl(44, 64%, 82%)

HSB

hsb(44, 25%, 93%)

CMYK

cmyk(0%, 7%, 25%, 7%)

Oklch

oklch(90.3% 0.060 90.4)

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

#E5C8AF

Apricot · Wheat · Peach Orange

HEX

#E5C8AF

RGB

rgb(229, 200, 175)

HSL

hsl(28, 51%, 79%)

HSB

hsb(28, 24%, 90%)

CMYK

cmyk(0%, 13%, 24%, 10%)

Oklch

oklch(85.1% 0.047 62.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C6B4A9

Apricot · Silver · Warm Sun

HEX

#C6B4A9

RGB

rgb(198, 180, 169)

HSL

hsl(23, 20%, 72%)

HSB

hsb(23, 15%, 78%)

CMYK

cmyk(0%, 9%, 15%, 22%)

Oklch

oklch(78.2% 0.026 53.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#7D978B

Mineral Blue · LightSlateGray · Olive Green

HEX

#7D978B

RGB

rgb(125, 151, 139)

HSL

hsl(152, 11%, 54%)

HSB

hsb(152, 17%, 59%)

CMYK

cmyk(17%, 0%, 8%, 41%)

Oklch

oklch(65.3% 0.034 165.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#767C6F

Ink Gray · Gray · Warm Gray

HEX

#767C6F

RGB

rgb(118, 124, 111)

HSL

hsl(88, 6%, 46%)

HSB

hsb(88, 10%, 49%)

CMYK

cmyk(5%, 0%, 10%, 51%)

Oklch

oklch(57.7% 0.021 127.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEDEB2

B4C3EE

Analogous

EEC1B4

EEDEB2

E1EEB4

Triadic

EEDEB2

B4EEDF

DFB4EE

Split-Comp.

EEDEB2

B4E1EE

C1B4EE

Tetradic

EEDEB2

B4EEC1

B4C3EE

EEB4E1

Contrast Matrix WCAG 2.1 Contrast

EEDEB2	E5C8AF	C6B4A9	7D978B	767C6F
—	1.2 Fail	1.5 Fail	2.4 Fail	3.2 AA Large
1.2 Fail	—	1.3 Fail	2.0 Fail	2.7 Fail
1.5 Fail	1.3 Fail	—	1.6 Fail	2.2 Fail
2.4 Fail	2.0 Fail	1.6 Fail	—	1.4 Fail
3.2 AA Large	2.7 Fail	2.2 Fail	1.4 Fail	—

White BG

1.3Fail

1.6Fail

2.0Fail

3.1AA Large

4.3AA Large

Black BG

15.7AAA

13.2AAA

10.5AAA

6.7AA

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BD

D8D8B5

BEBEAC

88888E

797972

Deuteranopia

E8E9BF

DADCB7

BFC1AC

87858F

787873

Tritanopia

EDC5C7

E4BABB

C5AEAE

7E9091

767575

Achromatopsia

DEDEDE

CECECE

B8B8B8

8E8E8E

797979

Shades & Tints Shades & Tints

#EEDEB2

Dark

Light

#E5C8AF

Dark

Light

#C6B4A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eedeb2;
  --color-2: #e5c8af;
  --color-3: #c6b4a9;
  --color-4: #7d978b;
  --color-5: #767c6f;
}

SCSS

$color-1: #eedeb2;
$color-2: #e5c8af;
$color-3: #c6b4a9;
$color-4: #7d978b;
$color-5: #767c6f;

TAILWIND

colors: {
  'brand-1': '#eedeb2',
  'brand-2': '#e5c8af',
  'brand-3': '#c6b4a9',
  'brand-4': '#7d978b',
  'brand-5': '#767c6f',
}

RGB Array

[238, 222, 178], [229, 200, 175], [198, 180, 169], [125, 151, 139], [118, 124, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EEDEB2, #E5C8AF, #C6B4A9, #7D978B, #767C6F is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eedeb2; --color-2: #e5c8af; --color-3: #c6b4a9; --color-4: #7d978b; --color-5: #767c6f. 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 space-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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