← Back to Editor

#D97F92 · #A83C53 · #872657 · #65022C · #3C021A

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

#D97F92

Peach Pink · LightCoral · Coral Red

HEX
#D97F92
RGB
rgb(217, 127, 146)
HSL
hsl(347, 54%, 67%)
HSB
hsb(347, 41%, 85%)
CMYK
cmyk(0%, 41%, 33%, 15%)
Oklch
oklch(69.8% 0.113 6.8)

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

#A83C53

Crimson · Sienna · Passion Red

HEX
#A83C53
RGB
rgb(168, 60, 83)
HSL
hsl(347, 47%, 45%)
HSB
hsb(347, 64%, 66%)
CMYK
cmyk(0%, 64%, 51%, 34%)
Oklch
oklch(51.4% 0.142 10.8)

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

#872657

Dark Violet · Brown · Camellia

HEX
#872657
RGB
rgb(135, 38, 87)
HSL
hsl(330, 56%, 34%)
HSB
hsb(330, 72%, 53%)
CMYK
cmyk(0%, 72%, 36%, 47%)
Oklch
oklch(43.5% 0.140 353.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#65022C

Dark Violet · Maroon · Raspberry

HEX
#65022C
RGB
rgb(101, 2, 44)
HSL
hsl(335, 96%, 20%)
HSB
hsb(335, 98%, 40%)
CMYK
cmyk(0%, 98%, 56%, 60%)
Oklch
oklch(32.7% 0.130 4.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#3C021A

Dark Violet · Black · Raspberry

HEX
#3C021A
RGB
rgb(60, 2, 26)
HSL
hsl(335, 94%, 12%)
HSB
hsb(335, 97%, 24%)
CMYK
cmyk(0%, 97%, 57%, 76%)
Oklch
oklch(23.3% 0.090 2.3)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D97F92
7DD8C5

Analogous

D87DBF
D97F92
D8977D

Triadic

D97F92
91D87D
7D91D8

Split-Comp.

D97F92
7DD897
7DBFD8

Tetradic

D97F92
BFD87D
7DD8C5
977DD8

Contrast Matrix WCAG 2.1 Contrast

D97F92
A83C53
872657
65022C
3C021A
—
2.2
Fail
3.0
AA Large
4.6
AA
6.1
AA
2.2
Fail
—
1.4
Fail
2.1
Fail
2.8
Fail
3.0
AA Large
1.4
Fail
—
1.5
Fail
2.0
Fail
4.6
AA
2.1
Fail
1.5
Fail
—
1.3
Fail
6.1
AA
2.8
Fail
2.0
Fail
1.3
Fail
—
White BG
2.8Fail
6.1AA
8.6AAA
13.1AAA
17.3AAA
Black BG
7.4AAA
3.4AA Large
2.4Fail
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B18D
79784D
5D5C4B
3A3922
232214

Deuteranopia

B7BE8C
80884C
636A48
40471F
262B13

Tritanopia

D48A89
A34948
824240
601A18
39100F

Achromatopsia

9C9C9C
5F5F5F
494949
242424
161616

Shades & Tints Shades & Tints

#D97F92

Dark
Light

#A83C53

Dark
Light

#872657

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d97f92;
  --color-2: #a83c53;
  --color-3: #872657;
  --color-4: #65022c;
  --color-5: #3c021a;
}

SCSS

$color-1: #d97f92;
$color-2: #a83c53;
$color-3: #872657;
$color-4: #65022c;
$color-5: #3c021a;

TAILWIND

colors: {
  'brand-1': '#d97f92',
  'brand-2': '#a83c53',
  'brand-3': '#872657',
  'brand-4': '#65022c',
  'brand-5': '#3c021a',
}

RGB Array

[217, 127, 146], [168, 60, 83], [135, 38, 87], [101, 2, 44], [60, 2, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D97F92, #A83C53, #872657, #65022C, #3C021A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d97f92; --color-2: #a83c53; --color-3: #872657; --color-4: #65022c; --color-5: #3c021a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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