← Back to Editor

#728588 · #96A6A6 · #BFCECE · #2F1623 · #D4A1A5

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#728588

Slate Blue · SlateGray · Warm Gray

HEX
#728588
RGB
rgb(114, 133, 136)
HSL
hsl(188, 9%, 49%)
HSB
hsb(188, 16%, 53%)
CMYK
cmyk(16%, 2%, 0%, 47%)
Oklch
oklch(60.3% 0.023 208.1)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#96A6A6

Sky Blue · DarkGray · Silver Sand

HEX
#96A6A6
RGB
rgb(150, 166, 166)
HSL
hsl(180, 8%, 62%)
HSB
hsb(180, 10%, 65%)
CMYK
cmyk(10%, 0%, 0%, 35%)
Oklch
oklch(71.3% 0.018 196.8)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#BFCECE

Sky Blue · Silver · Glacier Blue

HEX
#BFCECE
RGB
rgb(191, 206, 206)
HSL
hsl(180, 13%, 78%)
HSB
hsb(180, 7%, 81%)
CMYK
cmyk(7%, 0%, 0%, 19%)
Oklch
oklch(84.0% 0.016 196.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#2F1623

Rose Purple · Black · Raspberry

HEX
#2F1623
RGB
rgb(47, 22, 35)
HSL
hsl(329, 36%, 14%)
HSB
hsb(329, 53%, 18%)
CMYK
cmyk(0%, 53%, 26%, 82%)
Oklch
oklch(24.1% 0.045 348.5)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#D4A1A5

Peach Pink · Tan · Coral Red

HEX
#D4A1A5
RGB
rgb(212, 161, 165)
HSL
hsl(355, 37%, 73%)
HSB
hsb(355, 24%, 83%)
CMYK
cmyk(0%, 24%, 22%, 17%)
Oklch
oklch(75.8% 0.061 13.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

728588
887572

Analogous

728880
728588
727A88

Triadic

728588
887285
858872

Split-Comp.

728588
88727A
888072

Tetradic

728588
807288
887572
7A8872

Contrast Matrix WCAG 2.1 Contrast

728588
96A6A6
BFCECE
2F1623
D4A1A5
—
1.5
Fail
2.4
Fail
4.3
AA Large
1.7
Fail
1.5
Fail
—
1.6
Fail
6.6
AA
1.1
Fail
2.4
Fail
1.6
Fail
—
10.3
AAA
1.4
Fail
4.3
AA Large
6.6
AA
10.3
AAA
—
7.5
AAA
1.7
Fail
1.1
Fail
1.4
Fail
7.5
AAA
—
White BG
3.9AA Large
2.5Fail
1.6Fail
16.7AAA
2.2Fail
Black BG
5.4AA
8.3AAA
12.9AAA
1.3Fail
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7A87
9D9DA6
C5C6CE
242420
BEBDA4

Deuteranopia

797887
9C9BA6
C5C4CE
26281F
C1C5A4

Tritanopia

738787
97A6A6
C0CECE
2E1D1D
D1A3A3

Achromatopsia

808080
A1A1A1
CACACA
1F1F1F
B1B1B1

Shades & Tints Shades & Tints

#728588

Dark
Light

#96A6A6

Dark
Light

#BFCECE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #728588;
  --color-2: #96a6a6;
  --color-3: #bfcece;
  --color-4: #2f1623;
  --color-5: #d4a1a5;
}

SCSS

$color-1: #728588;
$color-2: #96a6a6;
$color-3: #bfcece;
$color-4: #2f1623;
$color-5: #d4a1a5;

TAILWIND

colors: {
  'brand-1': '#728588',
  'brand-2': '#96a6a6',
  'brand-3': '#bfcece',
  'brand-4': '#2f1623',
  'brand-5': '#d4a1a5',
}

RGB Array

[114, 133, 136], [150, 166, 166], [191, 206, 206], [47, 22, 35], [212, 161, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #728588, #96A6A6, #BFCECE, #2F1623, #D4A1A5 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: #728588; --color-2: #96a6a6; --color-3: #bfcece; --color-4: #2f1623; --color-5: #d4a1a5. 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