← Back to Editor

#DCE5D0 · #8FBDA4 · #598580 · #FF96AB · #BFAC99

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#DCE5D0

Willow Green · LightGray · Mint Green

HEX
#DCE5D0
RGB
rgb(220, 229, 208)
HSL
hsl(86, 29%, 86%)
HSB
hsb(86, 9%, 90%)
CMYK
cmyk(4%, 0%, 9%, 10%)
Oklch
oklch(90.9% 0.030 126.0)

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

#8FBDA4

Celadon · DarkSeaGreen · Apple Green

HEX
#8FBDA4
RGB
rgb(143, 189, 164)
HSL
hsl(147, 26%, 65%)
HSB
hsb(147, 24%, 74%)
CMYK
cmyk(24%, 0%, 13%, 26%)
Oklch
oklch(75.8% 0.061 160.8)

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

#598580

Mineral Blue · SlateGray · Mint Ice

HEX
#598580
RGB
rgb(89, 133, 128)
HSL
hsl(173, 20%, 44%)
HSB
hsb(173, 33%, 52%)
CMYK
cmyk(33%, 0%, 4%, 48%)
Oklch
oklch(58.3% 0.049 187.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FF96AB

Peach Pink · LightPink · Coral Red

HEX
#FF96AB
RGB
rgb(255, 150, 171)
HSL
hsl(348, 100%, 79%)
HSB
hsb(348, 41%, 100%)
CMYK
cmyk(0%, 41%, 33%, 0%)
Oklch
oklch(78.8% 0.128 7.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#BFAC99

Ginger · Tan · Warm Sun

HEX
#BFAC99
RGB
rgb(191, 172, 153)
HSL
hsl(30, 23%, 67%)
HSB
hsb(30, 20%, 75%)
CMYK
cmyk(0%, 10%, 20%, 25%)
Oklch
oklch(75.6% 0.034 67.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCE5D0
DAD1E6

Analogous

E6E4D1
DCE5D0
D2E6D1

Triadic

DCE5D0
D1DDE6
E6D1DD

Split-Comp.

DCE5D0
D1D2E6
E4D1E6

Tetradic

DCE5D0
D1E6E4
DAD1E6
E6D1D2

Contrast Matrix WCAG 2.1 Contrast

DCE5D0
8FBDA4
598580
FF96AB
BFAC99
—
1.6
Fail
3.2
AA Large
1.6
Fail
1.7
Fail
1.6
Fail
—
2.0
Fail
1.0
Fail
1.0
Fail
3.2
AA Large
2.0
Fail
—
2.0
Fail
1.9
Fail
1.6
Fail
1.0
Fail
2.0
Fail
—
1.1
Fail
1.7
Fail
1.0
Fail
1.9
Fail
1.1
Fail
—
White BG
1.3Fail
2.1Fail
4.1AA Large
2.1Fail
2.2Fail
Black BG
16.2AAA
10.0AAA
5.1AA
10.2AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0D5
A3A3AA
6C6C81
D2D1A6
B7B79E

Deuteranopia

DFDFD6
A09DAC
6A6682
D8E0A5
B8B99F

Tritanopia

DCD9DA
91AFB0
5B8282
FAA2A1
BEA1A2

Achromatopsia

E0E0E0
ACACAC
777777
B8B8B8
B0B0B0

Shades & Tints Shades & Tints

#DCE5D0

Dark
Light

#8FBDA4

Dark
Light

#598580

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dce5d0;
  --color-2: #8fbda4;
  --color-3: #598580;
  --color-4: #ff96ab;
  --color-5: #bfac99;
}

SCSS

$color-1: #dce5d0;
$color-2: #8fbda4;
$color-3: #598580;
$color-4: #ff96ab;
$color-5: #bfac99;

TAILWIND

colors: {
  'brand-1': '#dce5d0',
  'brand-2': '#8fbda4',
  'brand-3': '#598580',
  'brand-4': '#ff96ab',
  'brand-5': '#bfac99',
}

RGB Array

[220, 229, 208], [143, 189, 164], [89, 133, 128], [255, 150, 171], [191, 172, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCE5D0, #8FBDA4, #598580, #FF96AB, #BFAC99 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: #dce5d0; --color-2: #8fbda4; --color-3: #598580; --color-4: #ff96ab; --color-5: #bfac99. 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