← Back to Editor

#D8DBCA · #C7CBBD · #CAADA7 · #AA4849 · #464543

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#D8DBCA

Willow Green · LightGray · Mint Green

HEX
#D8DBCA
RGB
rgb(216, 219, 202)
HSL
hsl(71, 19%, 83%)
HSB
hsb(71, 8%, 86%)
CMYK
cmyk(1%, 0%, 8%, 14%)
Oklch
oklch(88.4% 0.023 115.0)

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

#C7CBBD

Willow Green · Silver · Apple Green

HEX
#C7CBBD
RGB
rgb(199, 203, 189)
HSL
hsl(77, 12%, 77%)
HSB
hsb(77, 7%, 80%)
CMYK
cmyk(2%, 0%, 7%, 20%)
Oklch
oklch(83.5% 0.020 119.8)

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

#CAADA7

Peach Pink · Tan · Coral Red

HEX
#CAADA7
RGB
rgb(202, 173, 167)
HSL
hsl(10, 25%, 72%)
HSB
hsb(10, 17%, 79%)
CMYK
cmyk(0%, 14%, 17%, 21%)
Oklch
oklch(77.1% 0.035 31.6)

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

#AA4849

Crimson · Sienna · Passion Red

HEX
#AA4849
RGB
rgb(170, 72, 73)
HSL
hsl(359, 40%, 47%)
HSB
hsb(359, 58%, 67%)
CMYK
cmyk(0%, 58%, 57%, 33%)
Oklch
oklch(53.1% 0.129 21.9)

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

#464543

Dark Cyan · DarkSlateGray · Charcoal

HEX
#464543
RGB
rgb(70, 69, 67)
HSL
hsl(40, 2%, 27%)
HSB
hsb(40, 4%, 27%)
CMYK
cmyk(0%, 1%, 4%, 73%)
Oklch
oklch(39.1% 0.004 84.6)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8DBCA
CECBDC

Analogous

DCD7CB
D8DBCA
D1DCCB

Triadic

D8DBCA
CBD9DC
DCCBD9

Split-Comp.

D8DBCA
CBD1DC
D7CBDC

Tetradic

D8DBCA
CBDCD7
CECBDC
DCCBD1

Contrast Matrix WCAG 2.1 Contrast

D8DBCA
C7CBBD
CAADA7
AA4849
464543
—
1.2
Fail
1.5
Fail
4.0
AA Large
6.8
AA
1.2
Fail
—
1.3
Fail
3.4
AA Large
5.8
AA
1.5
Fail
1.3
Fail
—
2.7
Fail
4.6
AA
4.0
AA Large
3.4
AA Large
2.7
Fail
—
1.7
Fail
6.8
AA
5.8
AA
4.6
AA
1.7
Fail
—
White BG
1.4Fail
1.7Fail
2.1Fail
5.6AA
9.6AAA
Black BG
14.9AAA
12.7AAA
10.0AAA
3.7AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9CE
C9C9C0
BDBDA8
807F49
464643

Deuteranopia

D9D9CF
C9C8C1
BFC1A9
858D49
464644

Tritanopia

D8D1D2
C7C3C4
C9AAAA
A54949
464444

Achromatopsia

D8D8D8
C8C8C8
B5B5B5
656565
454545

Shades & Tints Shades & Tints

#D8DBCA

Dark
Light

#C7CBBD

Dark
Light

#CAADA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8dbca;
  --color-2: #c7cbbd;
  --color-3: #caada7;
  --color-4: #aa4849;
  --color-5: #464543;
}

SCSS

$color-1: #d8dbca;
$color-2: #c7cbbd;
$color-3: #caada7;
$color-4: #aa4849;
$color-5: #464543;

TAILWIND

colors: {
  'brand-1': '#d8dbca',
  'brand-2': '#c7cbbd',
  'brand-3': '#caada7',
  'brand-4': '#aa4849',
  'brand-5': '#464543',
}

RGB Array

[216, 219, 202], [199, 203, 189], [202, 173, 167], [170, 72, 73], [70, 69, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D8DBCA, #C7CBBD, #CAADA7, #AA4849, #464543 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d8dbca; --color-2: #c7cbbd; --color-3: #caada7; --color-4: #aa4849; --color-5: #464543. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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