← Back to Editor

#EBD4B0 · #EDAA65 · #DE7C6D · #D65685 · #52403D

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

#EBD4B0

Goose Yellow · Wheat · Peach Orange

HEX
#EBD4B0
RGB
rgb(235, 212, 176)
HSL
hsl(37, 60%, 81%)
HSB
hsb(37, 25%, 92%)
CMYK
cmyk(0%, 10%, 25%, 8%)
Oklch
oklch(88.0% 0.054 79.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EDAA65

Ginger · SandyBrown · Warm Sun

HEX
#EDAA65
RGB
rgb(237, 170, 101)
HSL
hsl(30, 79%, 66%)
HSB
hsb(30, 57%, 93%)
CMYK
cmyk(0%, 28%, 57%, 7%)
Oklch
oklch(78.8% 0.117 65.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#DE7C6D

Peach Pink · LightCoral · Coral Red

HEX
#DE7C6D
RGB
rgb(222, 124, 109)
HSL
hsl(8, 63%, 65%)
HSB
hsb(8, 51%, 87%)
CMYK
cmyk(0%, 44%, 51%, 13%)
Oklch
oklch(69.1% 0.124 29.8)

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

#D65685

Dark Violet · LightCoral · Rose Pink

HEX
#D65685
RGB
rgb(214, 86, 133)
HSL
hsl(338, 61%, 59%)
HSB
hsb(338, 60%, 84%)
CMYK
cmyk(0%, 60%, 38%, 16%)
Oklch
oklch(63.1% 0.167 0.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#52403D

Crimson · DarkSlateGray · Wine Red

HEX
#52403D
RGB
rgb(82, 64, 61)
HSL
hsl(9, 15%, 28%)
HSB
hsb(9, 26%, 32%)
CMYK
cmyk(0%, 22%, 26%, 68%)
Oklch
oklch(39.0% 0.026 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD4B0
B1C8EC

Analogous

ECB8B1
EBD4B0
E5ECB1

Triadic

EBD4B0
B1ECD5
D5B1EC

Split-Comp.

EBD4B0
B1E5EC
B8B1EC

Tetradic

EBD4B0
B1ECB8
B1C8EC
ECB1E5

Contrast Matrix WCAG 2.1 Contrast

EBD4B0
EDAA65
DE7C6D
D65685
52403D
—
1.4
Fail
2.0
Fail
2.6
Fail
6.8
AA
1.4
Fail
—
1.5
Fail
1.9
Fail
4.9
AA
2.0
Fail
1.5
Fail
—
1.3
Fail
3.3
AA Large
2.6
Fail
1.9
Fail
1.3
Fail
—
2.6
Fail
6.8
AA
4.9
AA
3.3
AA Large
2.6
Fail
—
White BG
1.4Fail
2.0Fail
2.9Fail
3.8AA Large
9.7AAA
Black BG
14.6AAA
10.5AAA
7.2AAA
5.5AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1B9
D0CF76
B4B371
9F9D7A
4A4A3E

Deuteranopia

E2E4BB
D4D97A
B9C172
A6B077
4B4D3E

Tritanopia

EAC0C1
EA8386
D97374
D0716F
513E3E

Achromatopsia

D7D7D7
B6B6B6
989898
828282
454545

Shades & Tints Shades & Tints

#EBD4B0

Dark
Light

#EDAA65

Dark
Light

#DE7C6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd4b0;
  --color-2: #edaa65;
  --color-3: #de7c6d;
  --color-4: #d65685;
  --color-5: #52403d;
}

SCSS

$color-1: #ebd4b0;
$color-2: #edaa65;
$color-3: #de7c6d;
$color-4: #d65685;
$color-5: #52403d;

TAILWIND

colors: {
  'brand-1': '#ebd4b0',
  'brand-2': '#edaa65',
  'brand-3': '#de7c6d',
  'brand-4': '#d65685',
  'brand-5': '#52403d',
}

RGB Array

[235, 212, 176], [237, 170, 101], [222, 124, 109], [214, 86, 133], [82, 64, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBD4B0, #EDAA65, #DE7C6D, #D65685, #52403D 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: #ebd4b0; --color-2: #edaa65; --color-3: #de7c6d; --color-4: #d65685; --color-5: #52403d. 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