← Back to Editor

#EBE4C3 · #DBD3B5 · #CBC4A8 · #C1B99E · #7F7663

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

#EBE4C3

Fresh Green · Wheat · Lemon Cream

HEX
#EBE4C3
RGB
rgb(235, 228, 195)
HSL
hsl(50, 50%, 84%)
HSB
hsb(50, 17%, 92%)
CMYK
cmyk(0%, 3%, 17%, 8%)
Oklch
oklch(91.6% 0.044 97.3)

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

#DBD3B5

Goose Yellow · Wheat · Lemon Cream

HEX
#DBD3B5
RGB
rgb(219, 211, 181)
HSL
hsl(47, 35%, 78%)
HSB
hsb(47, 17%, 86%)
CMYK
cmyk(0%, 4%, 17%, 14%)
Oklch
oklch(86.5% 0.041 94.8)

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

#CBC4A8

Goose Yellow · Silver · Sunflower

HEX
#CBC4A8
RGB
rgb(203, 196, 168)
HSL
hsl(48, 25%, 73%)
HSB
hsb(48, 17%, 80%)
CMYK
cmyk(0%, 3%, 17%, 20%)
Oklch
oklch(81.9% 0.039 95.5)

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

#C1B99E

Ginger · Tan · Sunflower

HEX
#C1B99E
RGB
rgb(193, 185, 158)
HSL
hsl(46, 22%, 69%)
HSB
hsb(46, 18%, 76%)
CMYK
cmyk(0%, 4%, 18%, 24%)
Oklch
oklch(78.5% 0.038 93.4)

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

#7F7663

Ochre · DimGray · Honey Gold

HEX
#7F7663
RGB
rgb(127, 118, 99)
HSL
hsl(41, 12%, 44%)
HSB
hsb(41, 22%, 50%)
CMYK
cmyk(0%, 7%, 22%, 50%)
Oklch
oklch(56.9% 0.030 85.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE4C3
C2C9EB

Analogous

EBCFC2
EBE4C3
DDEBC2

Triadic

EBE4C3
C2EBE4
E4C2EB

Split-Comp.

EBE4C3
C2DDEB
CFC2EB

Tetradic

EBE4C3
C2EBCF
C2C9EB
EBC2DD

Contrast Matrix WCAG 2.1 Contrast

EBE4C3
DBD3B5
CBC4A8
C1B99E
7F7663
—
1.2
Fail
1.4
Fail
1.5
Fail
3.5
AA Large
1.2
Fail
—
1.2
Fail
1.3
Fail
3.0
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
2.6
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
2.3
Fail
3.5
AA Large
3.0
Fail
2.6
Fail
2.3
Fail
—
White BG
1.3Fail
1.5Fail
1.7Fail
2.0Fail
4.5AA Large
Black BG
16.4AAA
14.0AAA
12.0AAA
10.7AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8CB
D8D7BC
C8C8AF
BEBDA5
7B7B68

Deuteranopia

E8E9CD
D8D9BE
C8C9B0
BEBFA6
7C7C69

Tritanopia

EBD1D3
DBC2C3
CBB4B5
C1AAAB
7F6B6C

Achromatopsia

E2E2E2
D2D2D2
C3C3C3
B8B8B8
777777

Shades & Tints Shades & Tints

#EBE4C3

Dark
Light

#DBD3B5

Dark
Light

#CBC4A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe4c3;
  --color-2: #dbd3b5;
  --color-3: #cbc4a8;
  --color-4: #c1b99e;
  --color-5: #7f7663;
}

SCSS

$color-1: #ebe4c3;
$color-2: #dbd3b5;
$color-3: #cbc4a8;
$color-4: #c1b99e;
$color-5: #7f7663;

TAILWIND

colors: {
  'brand-1': '#ebe4c3',
  'brand-2': '#dbd3b5',
  'brand-3': '#cbc4a8',
  'brand-4': '#c1b99e',
  'brand-5': '#7f7663',
}

RGB Array

[235, 228, 195], [219, 211, 181], [203, 196, 168], [193, 185, 158], [127, 118, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE4C3, #DBD3B5, #CBC4A8, #C1B99E, #7F7663 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: #ebe4c3; --color-2: #dbd3b5; --color-3: #cbc4a8; --color-4: #c1b99e; --color-5: #7f7663. 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