← Back to Editor

#EFD5C8 · #C9BB9E · #9A918A · #C5CCBA · #EDE6D4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFD5C8

Apricot · Bisque · Peach Orange

HEX
#EFD5C8
RGB
rgb(239, 213, 200)
HSL
hsl(20, 55%, 86%)
HSB
hsb(20, 16%, 94%)
CMYK
cmyk(0%, 11%, 16%, 6%)
Oklch
oklch(89.1% 0.034 48.3)

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

#C9BB9E

Ginger · Tan · Sunflower

HEX
#C9BB9E
RGB
rgb(201, 187, 158)
HSL
hsl(40, 28%, 70%)
HSB
hsb(40, 21%, 79%)
CMYK
cmyk(0%, 7%, 21%, 21%)
Oklch
oklch(79.6% 0.043 85.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#9A918A

Ash · Gray · Silver Sand

HEX
#9A918A
RGB
rgb(154, 145, 138)
HSL
hsl(26, 7%, 57%)
HSB
hsb(26, 10%, 60%)
CMYK
cmyk(0%, 6%, 10%, 40%)
Oklch
oklch(66.2% 0.015 60.5)

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

#C5CCBA

Willow Green · Silver · Apple Green

HEX
#C5CCBA
RGB
rgb(197, 204, 186)
HSL
hsl(83, 15%, 76%)
HSB
hsb(83, 9%, 80%)
CMYK
cmyk(3%, 0%, 9%, 20%)
Oklch
oklch(83.5% 0.026 124.3)

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

#EDE6D4

Goose Yellow · Beige · Lemon Cream

HEX
#EDE6D4
RGB
rgb(237, 230, 212)
HSL
hsl(43, 41%, 88%)
HSB
hsb(43, 11%, 93%)
CMYK
cmyk(0%, 3%, 11%, 7%)
Oklch
oklch(92.6% 0.025 89.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD5C8
C8E2EF

Analogous

EFC8CE
EFD5C8
EFE8C8

Triadic

EFD5C8
C8EFD5
D5C8EF

Split-Comp.

EFD5C8
C8EFE8
C8CEEF

Tetradic

EFD5C8
CEEFC8
C8E2EF
E8C8EF

Contrast Matrix WCAG 2.1 Contrast

EFD5C8
C9BB9E
9A918A
C5CCBA
EDE6D4
—
1.4
Fail
2.2
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.6
Fail
1.1
Fail
1.5
Fail
2.2
Fail
1.6
Fail
—
1.9
Fail
2.5
Fail
1.2
Fail
1.1
Fail
1.9
Fail
—
1.3
Fail
1.1
Fail
1.5
Fail
2.5
Fail
1.3
Fail
—
White BG
1.4Fail
1.9Fail
3.1AA Large
1.7Fail
1.2Fail
Black BG
15.0AAA
11.1AAA
6.8AA
12.7AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4CB
C3C3A5
96968C
C8C8BE
EAEAD8

Deuteranopia

E5E7CC
C4C5A7
97978C
C8C7BF
EAEBD9

Tritanopia

EECECE
C8ABAC
9A8D8D
C5C2C3
EDDCDD

Achromatopsia

DBDBDB
BCBCBC
939393
C8C8C8
E6E6E6

Shades & Tints Shades & Tints

#EFD5C8

Dark
Light

#C9BB9E

Dark
Light

#9A918A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd5c8;
  --color-2: #c9bb9e;
  --color-3: #9a918a;
  --color-4: #c5ccba;
  --color-5: #ede6d4;
}

SCSS

$color-1: #efd5c8;
$color-2: #c9bb9e;
$color-3: #9a918a;
$color-4: #c5ccba;
$color-5: #ede6d4;

TAILWIND

colors: {
  'brand-1': '#efd5c8',
  'brand-2': '#c9bb9e',
  'brand-3': '#9a918a',
  'brand-4': '#c5ccba',
  'brand-5': '#ede6d4',
}

RGB Array

[239, 213, 200], [201, 187, 158], [154, 145, 138], [197, 204, 186], [237, 230, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD5C8, #C9BB9E, #9A918A, #C5CCBA, #EDE6D4 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: #efd5c8; --color-2: #c9bb9e; --color-3: #9a918a; --color-4: #c5ccba; --color-5: #ede6d4. 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