← Back to Editor

#EBE4D4 · #E4D8AE · #FDAE9D · #B19780 · #7C7668

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

#EBE4D4

Goose Yellow · Beige · Lemon Cream

HEX
#EBE4D4
RGB
rgb(235, 228, 212)
HSL
hsl(42, 37%, 88%)
HSB
hsb(42, 10%, 92%)
CMYK
cmyk(0%, 3%, 10%, 8%)
Oklch
oklch(92.0% 0.023 87.2)

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

#E4D8AE

Goose Yellow · Wheat · Lemon Cream

HEX
#E4D8AE
RGB
rgb(228, 216, 174)
HSL
hsl(47, 50%, 79%)
HSB
hsb(47, 24%, 89%)
CMYK
cmyk(0%, 5%, 24%, 11%)
Oklch
oklch(88.1% 0.057 94.0)

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

#FDAE9D

Peach Pink · LightPink · Coral Red

HEX
#FDAE9D
RGB
rgb(253, 174, 157)
HSL
hsl(11, 96%, 80%)
HSB
hsb(11, 38%, 99%)
CMYK
cmyk(0%, 31%, 38%, 1%)
Oklch
oklch(82.2% 0.097 32.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B19780

Tangerine · DarkGray · Warm Sun

HEX
#B19780
RGB
rgb(177, 151, 128)
HSL
hsl(28, 24%, 60%)
HSB
hsb(28, 28%, 69%)
CMYK
cmyk(0%, 15%, 28%, 31%)
Oklch
oklch(69.4% 0.045 63.5)

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

#7C7668

Ochre · DimGray · Warm Gray

HEX
#7C7668
RGB
rgb(124, 118, 104)
HSL
hsl(42, 9%, 45%)
HSB
hsb(42, 16%, 49%)
CMYK
cmyk(0%, 5%, 16%, 51%)
Oklch
oklch(56.7% 0.022 87.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE4D4
D5DCEC

Analogous

ECDAD5
EBE4D4
E7ECD5

Triadic

EBE4D4
D5ECE5
E5D5EC

Split-Comp.

EBE4D4
D5E7EC
DAD5EC

Tetradic

EBE4D4
D5ECDA
D5DCEC
ECD5E7

Contrast Matrix WCAG 2.1 Contrast

EBE4D4
E4D8AE
FDAE9D
B19780
7C7668
—
1.1
Fail
1.4
Fail
2.2
Fail
3.6
AA Large
1.1
Fail
—
1.3
Fail
1.9
Fail
3.2
AA Large
1.4
Fail
1.3
Fail
—
1.5
Fail
2.5
Fail
2.2
Fail
1.9
Fail
1.5
Fail
—
1.6
Fail
3.6
AA Large
3.2
AA Large
2.5
Fail
1.6
Fail
—
White BG
1.3Fail
1.4Fail
1.8Fail
2.8Fail
4.5AA
Black BG
16.6AAA
14.7AAA
11.7AAA
7.6AAA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8D8
DFDFB8
DBDAA1
A6A686
79796B

Deuteranopia

E8E9D9
E0E0BB
DFE5A2
A7A987
7A7A6C

Tritanopia

EBDBDC
E3C0C2
F9A4A5
B08A8B
7C6E6F

Achromatopsia

E4E4E4
D7D7D7
C4C4C4
9C9C9C
767676

Shades & Tints Shades & Tints

#EBE4D4

Dark
Light

#E4D8AE

Dark
Light

#FDAE9D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe4d4;
  --color-2: #e4d8ae;
  --color-3: #fdae9d;
  --color-4: #b19780;
  --color-5: #7c7668;
}

SCSS

$color-1: #ebe4d4;
$color-2: #e4d8ae;
$color-3: #fdae9d;
$color-4: #b19780;
$color-5: #7c7668;

TAILWIND

colors: {
  'brand-1': '#ebe4d4',
  'brand-2': '#e4d8ae',
  'brand-3': '#fdae9d',
  'brand-4': '#b19780',
  'brand-5': '#7c7668',
}

RGB Array

[235, 228, 212], [228, 216, 174], [253, 174, 157], [177, 151, 128], [124, 118, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE4D4, #E4D8AE, #FDAE9D, #B19780, #7C7668 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #ebe4d4; --color-2: #e4d8ae; --color-3: #fdae9d; --color-4: #b19780; --color-5: #7c7668. 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 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