← Back to Editor

#EBE0C0 · #D0BCA1 · #B795A3 · #2B2122 · #DFA3A5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EBE0C0

Goose Yellow · Wheat · Lemon Cream

HEX
#EBE0C0
RGB
rgb(235, 224, 192)
HSL
hsl(45, 52%, 84%)
HSB
hsb(45, 18%, 92%)
CMYK
cmyk(0%, 5%, 18%, 8%)
Oklch
oklch(90.7% 0.044 91.3)

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

#D0BCA1

Goose Yellow · Tan · Warm Sun

HEX
#D0BCA1
RGB
rgb(208, 188, 161)
HSL
hsl(34, 33%, 72%)
HSB
hsb(34, 23%, 82%)
CMYK
cmyk(0%, 10%, 23%, 18%)
Oklch
oklch(80.5% 0.043 75.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B795A3

Rouge · DarkGray · Rose Pink

HEX
#B795A3
RGB
rgb(183, 149, 163)
HSL
hsl(335, 19%, 65%)
HSB
hsb(335, 19%, 72%)
CMYK
cmyk(0%, 19%, 11%, 28%)
Oklch
oklch(70.5% 0.045 351.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#2B2122

Crimson · Black · Deep Berry

HEX
#2B2122
RGB
rgb(43, 33, 34)
HSL
hsl(354, 13%, 15%)
HSB
hsb(354, 23%, 17%)
CMYK
cmyk(0%, 23%, 21%, 83%)
Oklch
oklch(26.0% 0.015 11.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#DFA3A5

Peach Pink · Tan · Coral Red

HEX
#DFA3A5
RGB
rgb(223, 163, 165)
HSL
hsl(358, 48%, 76%)
HSB
hsb(358, 27%, 87%)
CMYK
cmyk(0%, 27%, 26%, 13%)
Oklch
oklch(77.3% 0.071 16.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE0C0
C1CCEB

Analogous

EBCCC1
EBE0C0
E1EBC1

Triadic

EBE0C0
C1EBE1
E1C1EB

Split-Comp.

EBE0C0
C1E1EB
CCC1EB

Tetradic

EBE0C0
C1EBCC
C1CCEB
EBC1E1

Contrast Matrix WCAG 2.1 Contrast

EBE0C0
D0BCA1
B795A3
2B2122
DFA3A5
—
1.4
Fail
2.0
Fail
11.9
AAA
1.6
Fail
1.4
Fail
—
1.5
Fail
8.5
AAA
1.1
Fail
2.0
Fail
1.5
Fail
—
5.8
AA
1.3
Fail
11.9
AAA
8.5
AAA
5.8
AA
—
7.4
AAA
1.6
Fail
1.1
Fail
1.3
Fail
7.4
AAA
—
White BG
1.3Fail
1.8Fail
2.7Fail
15.6AAA
2.1Fail
Black BG
16.0AAA
11.4AAA
7.8AAA
1.3Fail
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6C8
C7C7A8
A8A8A0
272722
C5C4A5

Deuteranopia

E7E8CA
C9CAA9
AAAD9F
272822
C9CDA4

Tritanopia

EACECF
CFADAE
B59D9C
2B2222
DCA4A4

Achromatopsia

E0E0E0
BFBFBF
A1A1A1
242424
B5B5B5

Shades & Tints Shades & Tints

#EBE0C0

Dark
Light

#D0BCA1

Dark
Light

#B795A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe0c0;
  --color-2: #d0bca1;
  --color-3: #b795a3;
  --color-4: #2b2122;
  --color-5: #dfa3a5;
}

SCSS

$color-1: #ebe0c0;
$color-2: #d0bca1;
$color-3: #b795a3;
$color-4: #2b2122;
$color-5: #dfa3a5;

TAILWIND

colors: {
  'brand-1': '#ebe0c0',
  'brand-2': '#d0bca1',
  'brand-3': '#b795a3',
  'brand-4': '#2b2122',
  'brand-5': '#dfa3a5',
}

RGB Array

[235, 224, 192], [208, 188, 161], [183, 149, 163], [43, 33, 34], [223, 163, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE0C0, #D0BCA1, #B795A3, #2B2122, #DFA3A5 is ideal for: 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: #ebe0c0; --color-2: #d0bca1; --color-3: #b795a3; --color-4: #2b2122; --color-5: #dfa3a5. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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