← Back to Editor

#EDE6E7 · #D3E0D1 · #E9BDA3 · #F08484 · #858373

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

#EDE6E7

Peach Pink · Linen · Cherry Blossom

HEX
#EDE6E7
RGB
rgb(237, 230, 231)
HSL
hsl(351, 16%, 92%)
HSB
hsb(351, 3%, 93%)
CMYK
cmyk(0%, 3%, 3%, 7%)
Oklch
oklch(93.1% 0.008 7.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D3E0D1

Celadon · LightGray · Mint Green

HEX
#D3E0D1
RGB
rgb(211, 224, 209)
HSL
hsl(112, 19%, 85%)
HSB
hsb(112, 7%, 88%)
CMYK
cmyk(6%, 0%, 7%, 12%)
Oklch
oklch(89.3% 0.025 141.5)

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

#E9BDA3

Apricot · BurlyWood · Peach Orange

HEX
#E9BDA3
RGB
rgb(233, 189, 163)
HSL
hsl(22, 61%, 78%)
HSB
hsb(22, 30%, 91%)
CMYK
cmyk(0%, 19%, 30%, 9%)
Oklch
oklch(83.1% 0.062 52.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F08484

Peach Pink · LightCoral · Coral Red

HEX
#F08484
RGB
rgb(240, 132, 132)
HSL
hsl(0, 78%, 73%)
HSB
hsb(0, 45%, 94%)
CMYK
cmyk(0%, 45%, 45%, 6%)
Oklch
oklch(73.2% 0.132 20.8)

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

#858373

Ink Gray · Gray · Warm Gray

HEX
#858373
RGB
rgb(133, 131, 115)
HSL
hsl(53, 7%, 49%)
HSB
hsb(53, 14%, 52%)
CMYK
cmyk(0%, 2%, 14%, 48%)
Oklch
oklch(60.7% 0.024 101.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE6E7
E7EEED

Analogous

EEE7EC
EDE6E7
EEEAE7

Triadic

EDE6E7
E8EEE7
E7E8EE

Split-Comp.

EDE6E7
E7EEEA
E7ECEE

Tetradic

EDE6E7
ECEEE7
E7EEED
EAE7EE

Contrast Matrix WCAG 2.1 Contrast

EDE6E7
D3E0D1
E9BDA3
F08484
858373
—
1.1
Fail
1.4
Fail
2.0
Fail
3.1
AA Large
1.1
Fail
—
1.3
Fail
1.8
Fail
2.8
Fail
1.4
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
2.0
Fail
1.8
Fail
1.5
Fail
—
1.5
Fail
3.1
AA Large
2.8
Fail
2.2
Fail
1.5
Fail
—
White BG
1.2Fail
1.4Fail
1.7Fail
2.5Fail
3.8AA Large
Black BG
17.1AAA
15.4AAA
12.3AAA
8.3AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAE7
D9D9D5
D6D6A9
C1C084
848477

Deuteranopia

EAEBE7
D8D7D6
D9DCAB
C8D084
848478

Tritanopia

EDE7E7
D4D7D8
E7AEAF
EB8484
857A7B

Achromatopsia

E8E8E8
DADADA
C7C7C7
A4A4A4
828282

Shades & Tints Shades & Tints

#EDE6E7

Dark
Light

#D3E0D1

Dark
Light

#E9BDA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede6e7;
  --color-2: #d3e0d1;
  --color-3: #e9bda3;
  --color-4: #f08484;
  --color-5: #858373;
}

SCSS

$color-1: #ede6e7;
$color-2: #d3e0d1;
$color-3: #e9bda3;
$color-4: #f08484;
$color-5: #858373;

TAILWIND

colors: {
  'brand-1': '#ede6e7',
  'brand-2': '#d3e0d1',
  'brand-3': '#e9bda3',
  'brand-4': '#f08484',
  'brand-5': '#858373',
}

RGB Array

[237, 230, 231], [211, 224, 209], [233, 189, 163], [240, 132, 132], [133, 131, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE6E7, #D3E0D1, #E9BDA3, #F08484, #858373 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: #ede6e7; --color-2: #d3e0d1; --color-3: #e9bda3; --color-4: #f08484; --color-5: #858373. 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