← Back to Editor

#4F2E2E · #EB7575 · #DED7AD · #DDEBC7 · #EBE2A9

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

#4F2E2E

Crimson · DarkSlateGray · Wine Red

HEX
#4F2E2E
RGB
rgb(79, 46, 46)
HSL
hsl(0, 26%, 25%)
HSB
hsb(0, 42%, 31%)
CMYK
cmyk(0%, 42%, 42%, 69%)
Oklch
oklch(34.2% 0.049 19.9)

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

#EB7575

Peach Pink · LightCoral · Coral Red

HEX
#EB7575
RGB
rgb(235, 117, 117)
HSL
hsl(0, 75%, 69%)
HSB
hsb(0, 50%, 92%)
CMYK
cmyk(0%, 50%, 50%, 8%)
Oklch
oklch(69.9% 0.146 21.5)

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

#DED7AD

Fresh Green · Wheat · Lemon Cream

HEX
#DED7AD
RGB
rgb(222, 215, 173)
HSL
hsl(51, 43%, 77%)
HSB
hsb(51, 22%, 87%)
CMYK
cmyk(0%, 3%, 22%, 13%)
Oklch
oklch(87.4% 0.056 99.6)

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

#DDEBC7

Willow Green · LightGray · Mint Green

HEX
#DDEBC7
RGB
rgb(221, 235, 199)
HSL
hsl(83, 47%, 85%)
HSB
hsb(83, 15%, 92%)
CMYK
cmyk(6%, 0%, 15%, 8%)
Oklch
oklch(92.0% 0.050 124.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#EBE2A9

Fresh Green · Wheat · Lemon Cream

HEX
#EBE2A9
RGB
rgb(235, 226, 169)
HSL
hsl(52, 62%, 79%)
HSB
hsb(52, 28%, 92%)
CMYK
cmyk(0%, 4%, 28%, 8%)
Oklch
oklch(90.6% 0.074 100.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F2E2E
2F5050

Analogous

502F40
4F2E2E
50402F

Triadic

4F2E2E
2F502F
2F2F50

Split-Comp.

4F2E2E
2F5040
2F4050

Tetradic

4F2E2E
40502F
2F5050
402F50

Contrast Matrix WCAG 2.1 Contrast

4F2E2E
EB7575
DED7AD
DDEBC7
EBE2A9
—
4.2
AA Large
8.2
AAA
9.5
AAA
9.1
AAA
4.2
AA Large
—
2.0
Fail
2.3
Fail
2.2
Fail
8.2
AAA
2.0
Fail
—
1.2
Fail
1.1
Fail
9.5
AAA
2.3
Fail
1.2
Fail
—
1.0
Fail
9.1
AAA
2.2
Fail
1.1
Fail
1.0
Fail
—
White BG
11.9AAA
2.9Fail
1.5Fail
1.3Fail
1.3Fail
Black BG
1.8Fail
7.3AAA
14.4AAA
16.8AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

41402E
B8B775
DBDBB7
E3E3D0
E7E7B7

Deuteranopia

43452E
BFC875
DBDCBA
E2E1D2
E8E8BA

Tritanopia

4D2E2E
E57575
DEBFC1
DED7D8
EBC2C4

Achromatopsia

383838
989898
D4D4D4
E3E3E3
DEDEDE

Shades & Tints Shades & Tints

#4F2E2E

Dark
Light

#EB7575

Dark
Light

#DED7AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f2e2e;
  --color-2: #eb7575;
  --color-3: #ded7ad;
  --color-4: #ddebc7;
  --color-5: #ebe2a9;
}

SCSS

$color-1: #4f2e2e;
$color-2: #eb7575;
$color-3: #ded7ad;
$color-4: #ddebc7;
$color-5: #ebe2a9;

TAILWIND

colors: {
  'brand-1': '#4f2e2e',
  'brand-2': '#eb7575',
  'brand-3': '#ded7ad',
  'brand-4': '#ddebc7',
  'brand-5': '#ebe2a9',
}

RGB Array

[79, 46, 46], [235, 117, 117], [222, 215, 173], [221, 235, 199], [235, 226, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F2E2E, #EB7575, #DED7AD, #DDEBC7, #EBE2A9 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: #4f2e2e; --color-2: #eb7575; --color-3: #ded7ad; --color-4: #ddebc7; --color-5: #ebe2a9. 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