← Back to Editor

#EFE4C6 · #D2D2D2 · #C9BEA8 · #C27B4F · #796461

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

WorkspaceReadingData Visualization

Color Details Color Details

#EFE4C6

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE4C6
RGB
rgb(239, 228, 198)
HSL
hsl(44, 56%, 86%)
HSB
hsb(44, 17%, 94%)
CMYK
cmyk(0%, 5%, 17%, 6%)
Oklch
oklch(92.0% 0.041 90.3)

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

#D2D2D2

Silver Gray · LightGray · Pearl Gray

HEX
#D2D2D2
RGB
rgb(210, 210, 210)
HSL
hsl(0, 0%, 82%)
HSB
hsb(0, 0%, 82%)
CMYK
cmyk(0%, 0%, 0%, 18%)
Oklch
oklch(86.4% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C9BEA8

Goose Yellow · Silver · Sunflower

HEX
#C9BEA8
RGB
rgb(201, 190, 168)
HSL
hsl(40, 23%, 72%)
HSB
hsb(40, 16%, 79%)
CMYK
cmyk(0%, 5%, 16%, 21%)
Oklch
oklch(80.5% 0.033 84.6)

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

#C27B4F

Tangerine · Chocolate · Warm Sun

HEX
#C27B4F
RGB
rgb(194, 123, 79)
HSL
hsl(23, 49%, 54%)
HSB
hsb(23, 59%, 76%)
CMYK
cmyk(0%, 37%, 59%, 24%)
Oklch
oklch(64.9% 0.107 51.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#796461

Crimson · DimGray · Passion Red

HEX
#796461
RGB
rgb(121, 100, 97)
HSL
hsl(8, 11%, 43%)
HSB
hsb(8, 20%, 47%)
CMYK
cmyk(0%, 17%, 20%, 53%)
Oklch
oklch(52.3% 0.028 27.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE4C6
C7D2EF

Analogous

EFD1C7
EFE4C6
E6EFC7

Triadic

EFE4C6
C7EFE5
E5C7EF

Split-Comp.

EFE4C6
C7E6EF
D1C7EF

Tetradic

EFE4C6
C7EFD1
C7D2EF
EFC7E6

Contrast Matrix WCAG 2.1 Contrast

EFE4C6
D2D2D2
C9BEA8
C27B4F
796461
—
1.2
Fail
1.5
Fail
2.7
Fail
4.4
AA Large
1.2
Fail
—
1.2
Fail
2.2
Fail
3.6
AA Large
1.5
Fail
1.2
Fail
—
1.8
Fail
3.0
Fail
2.7
Fail
2.2
Fail
1.8
Fail
—
1.6
Fail
4.4
AA Large
3.6
AA Large
3.0
Fail
1.6
Fail
—
White BG
1.3Fail
1.5Fail
1.8Fail
3.4AA Large
5.5AA
Black BG
16.6AAA
13.9AAA
11.4AAA
6.2AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEACD
D2D2D2
C4C4AD
A3A35A
707062

Deuteranopia

EBECCF
D2D2D2
C5C6AF
A7AD5C
717362

Tritanopia

EED3D4
D2D2D2
C8B2B2
BE6264
786262

Achromatopsia

E4E4E4
D2D2D2
BFBFBF
8B8B8B
6A6A6A

Shades & Tints Shades & Tints

#EFE4C6

Dark
Light

#D2D2D2

Dark
Light

#C9BEA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe4c6;
  --color-2: #d2d2d2;
  --color-3: #c9bea8;
  --color-4: #c27b4f;
  --color-5: #796461;
}

SCSS

$color-1: #efe4c6;
$color-2: #d2d2d2;
$color-3: #c9bea8;
$color-4: #c27b4f;
$color-5: #796461;

TAILWIND

colors: {
  'brand-1': '#efe4c6',
  'brand-2': '#d2d2d2',
  'brand-3': '#c9bea8',
  'brand-4': '#c27b4f',
  'brand-5': '#796461',
}

RGB Array

[239, 228, 198], [210, 210, 210], [201, 190, 168], [194, 123, 79], [121, 100, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFE4C6, #D2D2D2, #C9BEA8, #C27B4F, #796461 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: #efe4c6; --color-2: #d2d2d2; --color-3: #c9bea8; --color-4: #c27b4f; --color-5: #796461. 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