← Back to Editor

#D9E4D1 · #F0CFAF · #DB8F8F · #BD687C · #994862

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

#D9E4D1

Celadon · LightGray · Mint Green

HEX
#D9E4D1
RGB
rgb(217, 228, 209)
HSL
hsl(95, 26%, 86%)
HSB
hsb(95, 8%, 89%)
CMYK
cmyk(5%, 0%, 8%, 11%)
Oklch
oklch(90.5% 0.028 131.8)

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

#F0CFAF

Goose Yellow · Wheat · Peach Orange

HEX
#F0CFAF
RGB
rgb(240, 207, 175)
HSL
hsl(30, 68%, 81%)
HSB
hsb(30, 27%, 94%)
CMYK
cmyk(0%, 14%, 27%, 6%)
Oklch
oklch(87.4% 0.057 66.1)

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

#DB8F8F

Peach Pink · DarkSalmon · Coral Red

HEX
#DB8F8F
RGB
rgb(219, 143, 143)
HSL
hsl(0, 51%, 71%)
HSB
hsb(0, 35%, 86%)
CMYK
cmyk(0%, 35%, 35%, 14%)
Oklch
oklch(72.7% 0.093 19.6)

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

#BD687C

Crimson · LightCoral · Passion Red

HEX
#BD687C
RGB
rgb(189, 104, 124)
HSL
hsl(346, 39%, 57%)
HSB
hsb(346, 45%, 74%)
CMYK
cmyk(0%, 45%, 34%, 26%)
Oklch
oklch(61.9% 0.110 5.8)

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

#994862

Dark Violet · Sienna · Camellia

HEX
#994862
RGB
rgb(153, 72, 98)
HSL
hsl(341, 36%, 44%)
HSB
hsb(341, 53%, 60%)
CMYK
cmyk(0%, 53%, 36%, 40%)
Oklch
oklch(51.2% 0.112 1.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9E4D1
DDD2E5

Analogous

E3E5D2
D9E4D1
D2E5D4

Triadic

D9E4D1
D2DAE5
E5D2DA

Split-Comp.

D9E4D1
D4D2E5
E5D2E3

Tetradic

D9E4D1
D2E3E5
DDD2E5
E5D4D2

Contrast Matrix WCAG 2.1 Contrast

D9E4D1
F0CFAF
DB8F8F
BD687C
994862
—
1.1
Fail
1.9
Fail
2.9
Fail
4.6
AA
1.1
Fail
—
1.7
Fail
2.6
Fail
4.1
AA Large
1.9
Fail
1.7
Fail
—
1.5
Fail
2.4
Fail
2.9
Fail
2.6
Fail
1.5
Fail
—
1.6
Fail
4.6
AA
4.1
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.3Fail
1.5Fail
2.5Fail
3.9AA Large
6.1AA
Black BG
16.0AAA
14.2AAA
8.3AAA
5.4AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDED6
E2E1B7
BAB98F
989777
76755C

Deuteranopia

DDDCD7
E4E6B9
BFC48F
9DA376
7B815A

Tritanopia

DAD9DA
EEBDBE
D78F8F
B97373
955756

Achromatopsia

DFDFDF
D5D5D5
A6A6A6
848484
636363

Shades & Tints Shades & Tints

#D9E4D1

Dark
Light

#F0CFAF

Dark
Light

#DB8F8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9e4d1;
  --color-2: #f0cfaf;
  --color-3: #db8f8f;
  --color-4: #bd687c;
  --color-5: #994862;
}

SCSS

$color-1: #d9e4d1;
$color-2: #f0cfaf;
$color-3: #db8f8f;
$color-4: #bd687c;
$color-5: #994862;

TAILWIND

colors: {
  'brand-1': '#d9e4d1',
  'brand-2': '#f0cfaf',
  'brand-3': '#db8f8f',
  'brand-4': '#bd687c',
  'brand-5': '#994862',
}

RGB Array

[217, 228, 209], [240, 207, 175], [219, 143, 143], [189, 104, 124], [153, 72, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9E4D1, #F0CFAF, #DB8F8F, #BD687C, #994862 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: #d9e4d1; --color-2: #f0cfaf; --color-3: #db8f8f; --color-4: #bd687c; --color-5: #994862. 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