← Back to Editor

#EAF0E0 · #DCD0B6 · #F2EDD3 · #CD6789 · #6B244D

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

#EAF0E0

Willow Green · Beige · Mint Green

HEX
#EAF0E0
RGB
rgb(234, 240, 224)
HSL
hsl(83, 35%, 91%)
HSB
hsb(83, 7%, 94%)
CMYK
cmyk(3%, 0%, 7%, 6%)
Oklch
oklch(94.6% 0.022 123.6)

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

#DCD0B6

Goose Yellow · Wheat · Lemon Cream

HEX
#DCD0B6
RGB
rgb(220, 208, 182)
HSL
hsl(41, 35%, 79%)
HSB
hsb(41, 17%, 86%)
CMYK
cmyk(0%, 5%, 17%, 14%)
Oklch
oklch(86.0% 0.037 86.2)

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

#F2EDD3

Fresh Green · Beige · Lemon Cream

HEX
#F2EDD3
RGB
rgb(242, 237, 211)
HSL
hsl(50, 54%, 89%)
HSB
hsb(50, 13%, 95%)
CMYK
cmyk(0%, 2%, 13%, 5%)
Oklch
oklch(94.3% 0.035 98.1)

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

#CD6789

Dark Violet · LightCoral · Rose Pink

HEX
#CD6789
RGB
rgb(205, 103, 137)
HSL
hsl(340, 50%, 60%)
HSB
hsb(340, 50%, 80%)
CMYK
cmyk(0%, 50%, 33%, 20%)
Oklch
oklch(64.3% 0.134 0.4)

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

#6B244D

Rose Purple · Purple · Camellia

HEX
#6B244D
RGB
rgb(107, 36, 77)
HSL
hsl(325, 50%, 28%)
HSB
hsb(325, 66%, 42%)
CMYK
cmyk(0%, 66%, 28%, 58%)
Oklch
oklch(38.1% 0.112 348.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAF0E0
E6E0F0

Analogous

F0EEE0
EAF0E0
E2F0E0

Triadic

EAF0E0
E0EAF0
F0E0EA

Split-Comp.

EAF0E0
E0E2F0
EEE0F0

Tetradic

EAF0E0
E0F0EE
E6E0F0
F0E0E2

Contrast Matrix WCAG 2.1 Contrast

EAF0E0
DCD0B6
F2EDD3
CD6789
6B244D
—
1.3
Fail
1.0
Fail
3.1
AA Large
9.1
AAA
1.3
Fail
—
1.3
Fail
2.3
Fail
6.9
AA
1.0
Fail
1.3
Fail
—
3.0
AA Large
9.0
AAA
3.1
AA Large
2.3
Fail
3.0
AA Large
—
3.0
Fail
9.1
AAA
6.9
AA
9.0
AAA
3.0
Fail
—
White BG
1.2Fail
1.5Fail
1.2Fail
3.6AA Large
10.6AAA
Black BG
18.0AAA
13.7AAA
17.8AAA
5.9AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE4
D7D7BC
F0F0D9
A1A081
4C4C43

Deuteranopia

ECECE5
D8D8BE
F0F0DB
A7AE7F
505641

Tritanopia

EAE7E8
DBC1C2
F2DEDF
C87A79
673B3A

Achromatopsia

ECECEC
D1D1D1
ECECEC
898989
3E3E3E

Shades & Tints Shades & Tints

#EAF0E0

Dark
Light

#DCD0B6

Dark
Light

#F2EDD3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaf0e0;
  --color-2: #dcd0b6;
  --color-3: #f2edd3;
  --color-4: #cd6789;
  --color-5: #6b244d;
}

SCSS

$color-1: #eaf0e0;
$color-2: #dcd0b6;
$color-3: #f2edd3;
$color-4: #cd6789;
$color-5: #6b244d;

TAILWIND

colors: {
  'brand-1': '#eaf0e0',
  'brand-2': '#dcd0b6',
  'brand-3': '#f2edd3',
  'brand-4': '#cd6789',
  'brand-5': '#6b244d',
}

RGB Array

[234, 240, 224], [220, 208, 182], [242, 237, 211], [205, 103, 137], [107, 36, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAF0E0, #DCD0B6, #F2EDD3, #CD6789, #6B244D 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: #eaf0e0; --color-2: #dcd0b6; --color-3: #f2edd3; --color-4: #cd6789; --color-5: #6b244d. 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