← Back to Editor

#3E3232 · #BB5F60 · #BF7B7C · #D19E8D · #D5D6D1

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

#3E3232

Crimson · DarkSlateGray · Wine Red

HEX
#3E3232
RGB
rgb(62, 50, 50)
HSL
hsl(0, 11%, 22%)
HSB
hsb(0, 19%, 24%)
CMYK
cmyk(0%, 19%, 19%, 76%)
Oklch
oklch(33.0% 0.017 18.1)

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

#BB5F60

Crimson · Sienna · Passion Red

HEX
#BB5F60
RGB
rgb(187, 95, 96)
HSL
hsl(359, 40%, 55%)
HSB
hsb(359, 49%, 73%)
CMYK
cmyk(0%, 49%, 49%, 27%)
Oklch
oklch(59.5% 0.119 20.6)

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

#BF7B7C

Peach Pink · LightCoral · Coral Red

HEX
#BF7B7C
RGB
rgb(191, 123, 124)
HSL
hsl(359, 35%, 62%)
HSB
hsb(359, 36%, 75%)
CMYK
cmyk(0%, 36%, 35%, 25%)
Oklch
oklch(65.4% 0.085 18.7)

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

#D19E8D

Apricot · Tan · Warm Sun

HEX
#D19E8D
RGB
rgb(209, 158, 141)
HSL
hsl(15, 42%, 69%)
HSB
hsb(15, 33%, 82%)
CMYK
cmyk(0%, 24%, 33%, 18%)
Oklch
oklch(74.3% 0.066 39.2)

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

#D5D6D1

Silver Gray · LightGray · Pearl Gray

HEX
#D5D6D1
RGB
rgb(213, 214, 209)
HSL
hsl(72, 6%, 83%)
HSB
hsb(72, 2%, 84%)
CMYK
cmyk(0%, 0%, 2%, 16%)
Oklch
oklch(87.4% 0.007 115.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E3232
323E3E

Analogous

3E3238
3E3232
3E3832

Triadic

3E3232
323E32
32323E

Split-Comp.

3E3232
323E38
32383E

Tetradic

3E3232
383E32
323E3E
38323E

Contrast Matrix WCAG 2.1 Contrast

3E3232
BB5F60
BF7B7C
D19E8D
D5D6D1
—
2.9
Fail
3.7
AA Large
5.3
AA
8.4
AAA
2.9
Fail
—
1.3
Fail
1.8
Fail
2.9
Fail
3.7
AA Large
1.3
Fail
—
1.4
Fail
2.3
Fail
5.3
AA
1.8
Fail
1.4
Fail
—
1.6
Fail
8.4
AAA
2.9
Fail
2.3
Fail
1.6
Fail
—
White BG
12.3AAA
4.3AA Large
3.3AA Large
2.3Fail
1.5Fail
Black BG
1.7Fail
4.9AA
6.3AA
9.0AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393932
939260
A2A17C
BBBA91
D5D5D2

Deuteranopia

3A3A32
999F60
A6AB7C
BEC292
D5D5D3

Tritanopia

3D3232
B66060
BC7C7C
CE9495
D5D3D3

Achromatopsia

363636
7B7B7B
8F8F8F
ABABAB
D5D5D5

Shades & Tints Shades & Tints

#3E3232

Dark
Light

#BB5F60

Dark
Light

#BF7B7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e3232;
  --color-2: #bb5f60;
  --color-3: #bf7b7c;
  --color-4: #d19e8d;
  --color-5: #d5d6d1;
}

SCSS

$color-1: #3e3232;
$color-2: #bb5f60;
$color-3: #bf7b7c;
$color-4: #d19e8d;
$color-5: #d5d6d1;

TAILWIND

colors: {
  'brand-1': '#3e3232',
  'brand-2': '#bb5f60',
  'brand-3': '#bf7b7c',
  'brand-4': '#d19e8d',
  'brand-5': '#d5d6d1',
}

RGB Array

[62, 50, 50], [187, 95, 96], [191, 123, 124], [209, 158, 141], [213, 214, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #3E3232, #BB5F60, #BF7B7C, #D19E8D, #D5D6D1 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: #3e3232; --color-2: #bb5f60; --color-3: #bf7b7c; --color-4: #d19e8d; --color-5: #d5d6d1. 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