← Back to Editor

#EEFAE7 · #D3E5CB · #AFDAC1 · #47342E · #372824

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

#EEFAE7

Emerald · Beige · Mint Green

HEX
#EEFAE7
RGB
rgb(238, 250, 231)
HSL
hsl(98, 66%, 94%)
HSB
hsb(98, 8%, 98%)
CMYK
cmyk(5%, 0%, 8%, 2%)
Oklch
oklch(97.1% 0.028 133.7)

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

#D3E5CB

Celadon · LightGray · Mint Green

HEX
#D3E5CB
RGB
rgb(211, 229, 203)
HSL
hsl(102, 33%, 85%)
HSB
hsb(102, 11%, 90%)
CMYK
cmyk(8%, 0%, 11%, 10%)
Oklch
oklch(90.1% 0.040 135.9)

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

#AFDAC1

Celadon · Silver · Apple Green

HEX
#AFDAC1
RGB
rgb(175, 218, 193)
HSL
hsl(145, 37%, 77%)
HSB
hsb(145, 20%, 85%)
CMYK
cmyk(20%, 0%, 11%, 15%)
Oklch
oklch(85.1% 0.057 159.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#47342E

Crimson · DarkSlateGray · Wine Red

HEX
#47342E
RGB
rgb(71, 52, 46)
HSL
hsl(14, 21%, 23%)
HSB
hsb(14, 35%, 28%)
CMYK
cmyk(0%, 27%, 35%, 72%)
Oklch
oklch(34.5% 0.030 38.2)

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

#372824

Crimson · DarkSlateGray · Deep Berry

HEX
#372824
RGB
rgb(55, 40, 36)
HSL
hsl(13, 21%, 18%)
HSB
hsb(13, 35%, 22%)
CMYK
cmyk(0%, 27%, 35%, 78%)
Oklch
oklch(29.3% 0.024 35.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEFAE7
F2E6FA

Analogous

F7FAE6
EEFAE7
E6FAE8

Triadic

EEFAE7
E6EDFA
FAE6ED

Split-Comp.

EEFAE7
E8E6FA
FAE6F7

Tetradic

EEFAE7
E6F7FA
F2E6FA
FAE8E6

Contrast Matrix WCAG 2.1 Contrast

EEFAE7
D3E5CB
AFDAC1
47342E
372824
—
1.2
Fail
1.4
Fail
10.8
AAA
13.1
AAA
1.2
Fail
—
1.2
Fail
8.8
AAA
10.6
AAA
1.4
Fail
1.2
Fail
—
7.6
AAA
9.1
AAA
10.8
AAA
8.8
AAA
7.6
AAA
—
1.2
Fail
13.1
AAA
10.6
AAA
9.1
AAA
1.2
Fail
—
White BG
1.1Fail
1.3Fail
1.5Fail
11.7AAA
14.1AAA
Black BG
19.5AAA
15.8AAA
13.6AAA
1.8Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3EC
DBDBD1
C2C2C7
3F3F2F
313025

Deuteranopia

F3F2ED
DAD8D3
BFBCC9
404130
313325

Tritanopia

EFEFF0
D4D6D7
B1CCCD
463131
362626

Achromatopsia

F4F4F4
DDDDDD
CACACA
393939
2C2C2C

Shades & Tints Shades & Tints

#EEFAE7

Dark
Light

#D3E5CB

Dark
Light

#AFDAC1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eefae7;
  --color-2: #d3e5cb;
  --color-3: #afdac1;
  --color-4: #47342e;
  --color-5: #372824;
}

SCSS

$color-1: #eefae7;
$color-2: #d3e5cb;
$color-3: #afdac1;
$color-4: #47342e;
$color-5: #372824;

TAILWIND

colors: {
  'brand-1': '#eefae7',
  'brand-2': '#d3e5cb',
  'brand-3': '#afdac1',
  'brand-4': '#47342e',
  'brand-5': '#372824',
}

RGB Array

[238, 250, 231], [211, 229, 203], [175, 218, 193], [71, 52, 46], [55, 40, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEFAE7, #D3E5CB, #AFDAC1, #47342E, #372824 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: #eefae7; --color-2: #d3e5cb; --color-3: #afdac1; --color-4: #47342e; --color-5: #372824. 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