← Back to Editor

#DCE8D1 · #C4DBC1 · #A4C1B1 · #AC9990 · #B96A6A

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

WorkspaceReading

Color Details Color Details

#DCE8D1

Celadon · LightGray · Mint Green

HEX
#DCE8D1
RGB
rgb(220, 232, 209)
HSL
hsl(91, 33%, 86%)
HSB
hsb(91, 10%, 91%)
CMYK
cmyk(5%, 0%, 10%, 9%)
Oklch
oklch(91.6% 0.033 129.7)

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

#C4DBC1

Celadon · LightGray · Mint Green

HEX
#C4DBC1
RGB
rgb(196, 219, 193)
HSL
hsl(113, 27%, 81%)
HSB
hsb(113, 12%, 86%)
CMYK
cmyk(11%, 0%, 12%, 14%)
Oklch
oklch(86.7% 0.043 142.0)

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

#A4C1B1

Celadon · DarkGray · Apple Green

HEX
#A4C1B1
RGB
rgb(164, 193, 177)
HSL
hsl(147, 19%, 70%)
HSB
hsb(147, 15%, 76%)
CMYK
cmyk(15%, 0%, 8%, 24%)
Oklch
oklch(78.5% 0.039 161.3)

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

#AC9990

Apricot · DarkGray · Warm Sun

HEX
#AC9990
RGB
rgb(172, 153, 144)
HSL
hsl(19, 14%, 62%)
HSB
hsb(19, 16%, 67%)
CMYK
cmyk(0%, 11%, 16%, 33%)
Oklch
oklch(69.7% 0.026 47.0)

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

#B96A6A

Crimson · LightCoral · Passion Red

HEX
#B96A6A
RGB
rgb(185, 106, 106)
HSL
hsl(0, 36%, 57%)
HSB
hsb(0, 43%, 73%)
CMYK
cmyk(0%, 43%, 43%, 27%)
Oklch
oklch(61.3% 0.101 20.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCE8D1
DCD0E7

Analogous

E7E7D0
DCE8D1
D0E7D0

Triadic

DCE8D1
D0DBE7
E7D0DB

Split-Comp.

DCE8D1
D0D0E7
E7D0E7

Tetradic

DCE8D1
D0E7E7
DCD0E7
E7D0D0

Contrast Matrix WCAG 2.1 Contrast

DCE8D1
C4DBC1
A4C1B1
AC9990
B96A6A
—
1.2
Fail
1.5
Fail
2.1
Fail
3.1
AA Large
1.2
Fail
—
1.3
Fail
1.8
Fail
2.7
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
2.0
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
3.1
AA Large
2.7
Fail
2.0
Fail
1.4
Fail
—
White BG
1.3Fail
1.5Fail
1.9Fail
2.7Fail
3.9AA Large
Black BG
16.5AAA
14.2AAA
10.8AAA
7.7AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1D7
CECEC7
B1B1B5
A4A492
97966A

Deuteranopia

E1E0D8
CDCBC9
AFADB6
A5A693
9BA16A

Tritanopia

DDDBDC
C5CCCD
A5B8B9
AB9494
B56A6A

Achromatopsia

E2E2E2
D1D1D1
B7B7B7
9E9E9E
828282

Shades & Tints Shades & Tints

#DCE8D1

Dark
Light

#C4DBC1

Dark
Light

#A4C1B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dce8d1;
  --color-2: #c4dbc1;
  --color-3: #a4c1b1;
  --color-4: #ac9990;
  --color-5: #b96a6a;
}

SCSS

$color-1: #dce8d1;
$color-2: #c4dbc1;
$color-3: #a4c1b1;
$color-4: #ac9990;
$color-5: #b96a6a;

TAILWIND

colors: {
  'brand-1': '#dce8d1',
  'brand-2': '#c4dbc1',
  'brand-3': '#a4c1b1',
  'brand-4': '#ac9990',
  'brand-5': '#b96a6a',
}

RGB Array

[220, 232, 209], [196, 219, 193], [164, 193, 177], [172, 153, 144], [185, 106, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCE8D1, #C4DBC1, #A4C1B1, #AC9990, #B96A6A is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dce8d1; --color-2: #c4dbc1; --color-3: #a4c1b1; --color-4: #ac9990; --color-5: #b96a6a. 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. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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