← Back to Editor

#D1C2BB · #DDD8D4 · #D70300 · #FFD5CC · #D2AEA2

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

#D1C2BB

Apricot · Silver · Peach Orange

HEX
#D1C2BB
RGB
rgb(209, 194, 187)
HSL
hsl(19, 19%, 78%)
HSB
hsb(19, 11%, 82%)
CMYK
cmyk(0%, 7%, 11%, 18%)
Oklch
oklch(82.4% 0.020 46.8)

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

#DDD8D4

Apricot · LightGray · Peach Orange

HEX
#DDD8D4
RGB
rgb(221, 216, 212)
HSL
hsl(27, 12%, 85%)
HSB
hsb(27, 4%, 87%)
CMYK
cmyk(0%, 2%, 4%, 13%)
Oklch
oklch(88.5% 0.008 61.4)

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

#D70300

Vermilion · Red · Passion Red

HEX
#D70300
RGB
rgb(215, 3, 0)
HSL
hsl(1, 100%, 42%)
HSB
hsb(1, 100%, 84%)
CMYK
cmyk(0%, 99%, 100%, 16%)
Oklch
oklch(55.3% 0.226 29.4)

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

#FFD5CC

Peach Pink · Bisque · Cherry Blossom

HEX
#FFD5CC
RGB
rgb(255, 213, 204)
HSL
hsl(11, 100%, 90%)
HSB
hsb(11, 20%, 100%)
CMYK
cmyk(0%, 16%, 20%, 0%)
Oklch
oklch(90.6% 0.049 32.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D2AEA2

Apricot · Tan · Warm Sun

HEX
#D2AEA2
RGB
rgb(210, 174, 162)
HSL
hsl(15, 35%, 73%)
HSB
hsb(15, 23%, 82%)
CMYK
cmyk(0%, 17%, 23%, 18%)
Oklch
oklch(77.9% 0.045 39.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C2BB
BCCBD2

Analogous

D2BCC0
D1C2BB
D2CEBC

Triadic

D1C2BB
BCD2C3
C3BCD2

Split-Comp.

D1C2BB
BCD2CE
BCC0D2

Tetradic

D1C2BB
C0D2BC
BCCBD2
CEBCD2

Contrast Matrix WCAG 2.1 Contrast

D1C2BB
DDD8D4
D70300
FFD5CC
D2AEA2
—
1.2
Fail
3.1
AA Large
1.3
Fail
1.2
Fail
1.2
Fail
—
3.8
AA Large
1.1
Fail
1.4
Fail
3.1
AA Large
3.8
AA Large
—
4.0
AA Large
2.6
Fail
1.3
Fail
1.1
Fail
4.0
AA Large
—
1.5
Fail
1.2
Fail
1.4
Fail
2.6
Fail
1.5
Fail
—
White BG
1.7Fail
1.4Fail
5.4AA
1.3Fail
2.0Fail
Black BG
12.1AAA
14.8AAA
3.9AA Large
15.6AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCABD
DBDBD5
7B7901
EDECCE
C2C2A5

Deuteranopia

CBCCBD
DBDCD5
889701
EFF2CF
C5C7A6

Tritanopia

D0BEBE
DDD6D6
CC0101
FDD0D0
D0A7A8

Achromatopsia

C6C6C6
D9D9D9
424242
E1E1E1
B7B7B7

Shades & Tints Shades & Tints

#D1C2BB

Dark
Light

#DDD8D4

Dark
Light

#D70300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c2bb;
  --color-2: #ddd8d4;
  --color-3: #d70300;
  --color-4: #ffd5cc;
  --color-5: #d2aea2;
}

SCSS

$color-1: #d1c2bb;
$color-2: #ddd8d4;
$color-3: #d70300;
$color-4: #ffd5cc;
$color-5: #d2aea2;

TAILWIND

colors: {
  'brand-1': '#d1c2bb',
  'brand-2': '#ddd8d4',
  'brand-3': '#d70300',
  'brand-4': '#ffd5cc',
  'brand-5': '#d2aea2',
}

RGB Array

[209, 194, 187], [221, 216, 212], [215, 3, 0], [255, 213, 204], [210, 174, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1C2BB, #DDD8D4, #D70300, #FFD5CC, #D2AEA2 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: #d1c2bb; --color-2: #ddd8d4; --color-3: #d70300; --color-4: #ffd5cc; --color-5: #d2aea2. 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