← Back to Editor

#CAD7D0 · #E1D1C1 · #D3AE9E · #BB9C9A · #A4959A

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

#CAD7D0

Celadon · LightGray · Mint Green

HEX
#CAD7D0
RGB
rgb(202, 215, 208)
HSL
hsl(148, 14%, 82%)
HSB
hsb(148, 6%, 84%)
CMYK
cmyk(6%, 0%, 3%, 16%)
Oklch
oklch(86.7% 0.017 162.7)

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

#E1D1C1

Goose Yellow · LightGray · Peach Orange

HEX
#E1D1C1
RGB
rgb(225, 209, 193)
HSL
hsl(30, 35%, 82%)
HSB
hsb(30, 14%, 88%)
CMYK
cmyk(0%, 7%, 14%, 12%)
Oklch
oklch(86.9% 0.028 67.4)

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

#D3AE9E

Apricot · Tan · Warm Sun

HEX
#D3AE9E
RGB
rgb(211, 174, 158)
HSL
hsl(18, 38%, 72%)
HSB
hsb(18, 25%, 83%)
CMYK
cmyk(0%, 18%, 25%, 17%)
Oklch
oklch(77.9% 0.049 44.7)

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

#BB9C9A

Peach Pink · DarkGray · Coral Red

HEX
#BB9C9A
RGB
rgb(187, 156, 154)
HSL
hsl(4, 20%, 67%)
HSB
hsb(4, 18%, 73%)
CMYK
cmyk(0%, 17%, 18%, 27%)
Oklch
oklch(72.0% 0.037 22.4)

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

#A4959A

Rouge · DarkGray · Silver Sand

HEX
#A4959A
RGB
rgb(164, 149, 154)
HSL
hsl(340, 8%, 61%)
HSB
hsb(340, 9%, 64%)
CMYK
cmyk(0%, 9%, 6%, 36%)
Oklch
oklch(68.4% 0.019 355.4)

Traditional「Rouge」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAD7D0
D8CBD2

Analogous

CBD8CB
CAD7D0
CBD8D7

Triadic

CAD7D0
D1CBD8
D8D1CB

Split-Comp.

CAD7D0
D7CBD8
D8CBCB

Tetradic

CAD7D0
CBCBD8
D8CBD2
D8D7CB

Contrast Matrix WCAG 2.1 Contrast

CAD7D0
E1D1C1
D3AE9E
BB9C9A
A4959A
—
1.0
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.0
Fail
—
1.4
Fail
1.7
Fail
1.9
Fail
1.4
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
White BG
1.5Fail
1.5Fail
2.0Fail
2.5Fail
2.9Fail
Black BG
14.1AAA
14.1AAA
10.3AAA
8.3AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0D2
DADAC5
C3C3A2
AEAD9A
9E9D99

Deuteranopia

CFCED2
DBDCC6
C5C8A3
AFB29B
9EA099

Tritanopia

CBD3D3
E0C8C9
D1A5A6
B99B9B
A39898

Achromatopsia

D2D2D2
D4D4D4
B7B7B7
A5A5A5
9A9A9A

Shades & Tints Shades & Tints

#CAD7D0

Dark
Light

#E1D1C1

Dark
Light

#D3AE9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cad7d0;
  --color-2: #e1d1c1;
  --color-3: #d3ae9e;
  --color-4: #bb9c9a;
  --color-5: #a4959a;
}

SCSS

$color-1: #cad7d0;
$color-2: #e1d1c1;
$color-3: #d3ae9e;
$color-4: #bb9c9a;
$color-5: #a4959a;

TAILWIND

colors: {
  'brand-1': '#cad7d0',
  'brand-2': '#e1d1c1',
  'brand-3': '#d3ae9e',
  'brand-4': '#bb9c9a',
  'brand-5': '#a4959a',
}

RGB Array

[202, 215, 208], [225, 209, 193], [211, 174, 158], [187, 156, 154], [164, 149, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAD7D0, #E1D1C1, #D3AE9E, #BB9C9A, #A4959A 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: #cad7d0; --color-2: #e1d1c1; --color-3: #d3ae9e; --color-4: #bb9c9a; --color-5: #a4959a. 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