← Back to Editor

#6A4E4D · #E06B57 · #DEBD8A · #DACEB8 · #F4E2CE

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

#6A4E4D

Crimson · DimGray · Wine Red

HEX
#6A4E4D
RGB
rgb(106, 78, 77)
HSL
hsl(2, 16%, 36%)
HSB
hsb(2, 27%, 42%)
CMYK
cmyk(0%, 26%, 27%, 58%)
Oklch
oklch(45.3% 0.038 21.0)

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

#E06B57

Peach Pink · Tomato · Coral Red

HEX
#E06B57
RGB
rgb(224, 107, 87)
HSL
hsl(9, 69%, 61%)
HSB
hsb(9, 61%, 88%)
CMYK
cmyk(0%, 52%, 61%, 12%)
Oklch
oklch(66.3% 0.150 31.3)

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

#DEBD8A

Goose Yellow · BurlyWood · Warm Sun

HEX
#DEBD8A
RGB
rgb(222, 189, 138)
HSL
hsl(36, 56%, 71%)
HSB
hsb(36, 38%, 87%)
CMYK
cmyk(0%, 15%, 38%, 13%)
Oklch
oklch(81.5% 0.077 78.2)

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

#DACEB8

Goose Yellow · LightGray · Peach Orange

HEX
#DACEB8
RGB
rgb(218, 206, 184)
HSL
hsl(39, 31%, 79%)
HSB
hsb(39, 16%, 85%)
CMYK
cmyk(0%, 6%, 16%, 15%)
Oklch
oklch(85.5% 0.033 82.8)

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

#F4E2CE

Goose Yellow · Bisque · Peach Orange

HEX
#F4E2CE
RGB
rgb(244, 226, 206)
HSL
hsl(32, 63%, 88%)
HSB
hsb(32, 16%, 96%)
CMYK
cmyk(0%, 7%, 16%, 4%)
Oklch
oklch(92.2% 0.033 70.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A4E4D
4D6A6A

Analogous

6A4D5B
6A4E4D
6A5D4D

Triadic

6A4E4D
4D6A4E
4E4D6A

Split-Comp.

6A4E4D
4D6A5D
4D5B6A

Tetradic

6A4E4D
5B6A4D
4D6A6A
5D4D6A

Contrast Matrix WCAG 2.1 Contrast

6A4E4D
E06B57
DEBD8A
DACEB8
F4E2CE
—
2.3
Fail
4.2
AA Large
4.8
AA
5.9
AA
2.3
Fail
—
1.8
Fail
2.1
Fail
2.6
Fail
4.2
AA Large
1.8
Fail
—
1.1
Fail
1.4
Fail
4.8
AA
2.1
Fail
1.1
Fail
—
1.2
Fail
5.9
AA
2.6
Fail
1.4
Fail
1.2
Fail
—
White BG
7.5AAA
3.3AA Large
1.8Fail
1.6Fail
1.3Fail
Black BG
2.8Fail
6.4AA
11.8AAA
13.5AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E4D
ADAC5C
D0CF96
D5D5BD
ECECD3

Deuteranopia

60624D
B4BD5D
D2D499
D6D6BF
EDEFD4

Tritanopia

694D4D
DA6061
DCA0A2
D9C2C2
F3D7D8

Achromatopsia

565656
8C8C8C
C1C1C1
CFCFCF
E5E5E5

Shades & Tints Shades & Tints

#6A4E4D

Dark
Light

#E06B57

Dark
Light

#DEBD8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a4e4d;
  --color-2: #e06b57;
  --color-3: #debd8a;
  --color-4: #daceb8;
  --color-5: #f4e2ce;
}

SCSS

$color-1: #6a4e4d;
$color-2: #e06b57;
$color-3: #debd8a;
$color-4: #daceb8;
$color-5: #f4e2ce;

TAILWIND

colors: {
  'brand-1': '#6a4e4d',
  'brand-2': '#e06b57',
  'brand-3': '#debd8a',
  'brand-4': '#daceb8',
  'brand-5': '#f4e2ce',
}

RGB Array

[106, 78, 77], [224, 107, 87], [222, 189, 138], [218, 206, 184], [244, 226, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A4E4D, #E06B57, #DEBD8A, #DACEB8, #F4E2CE 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: #6a4e4d; --color-2: #e06b57; --color-3: #debd8a; --color-4: #daceb8; --color-5: #f4e2ce. 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