← Back to Editor

#2F071B · #632337 · #92415B · #9C7395 · #BDB7D9

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

#2F071B

Dark Violet · Black · Raspberry

HEX
#2F071B
RGB
rgb(47, 7, 27)
HSL
hsl(330, 74%, 11%)
HSB
hsb(330, 85%, 18%)
CMYK
cmyk(0%, 85%, 43%, 82%)
Oklch
oklch(21.2% 0.069 353.8)

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

#632337

Dark Violet · Brown · Camellia

HEX
#632337
RGB
rgb(99, 35, 55)
HSL
hsl(341, 48%, 26%)
HSB
hsb(341, 65%, 39%)
CMYK
cmyk(0%, 65%, 44%, 61%)
Oklch
oklch(35.8% 0.095 3.7)

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

#92415B

Dark Violet · Sienna · Camellia

HEX
#92415B
RGB
rgb(146, 65, 91)
HSL
hsl(341, 38%, 41%)
HSB
hsb(341, 55%, 57%)
CMYK
cmyk(0%, 55%, 38%, 43%)
Oklch
oklch(48.9% 0.113 1.9)

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

#9C7395

Rose Purple · Gray · Violet

HEX
#9C7395
RGB
rgb(156, 115, 149)
HSL
hsl(310, 17%, 53%)
HSB
hsb(310, 26%, 61%)
CMYK
cmyk(0%, 26%, 4%, 39%)
Oklch
oklch(60.8% 0.070 332.5)

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

#BDB7D9

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#BDB7D9
RGB
rgb(189, 183, 217)
HSL
hsl(251, 31%, 78%)
HSB
hsb(251, 16%, 85%)
CMYK
cmyk(13%, 16%, 0%, 15%)
Oklch
oklch(79.5% 0.048 293.4)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F071B
07311C

Analogous

310731
2F071B
310707

Triadic

2F071B
1C3107
071C31

Split-Comp.

2F071B
073107
073131

Tetradic

2F071B
313107
07311C
070731

Contrast Matrix WCAG 2.1 Contrast

2F071B
632337
92415B
9C7395
BDB7D9
—
1.6
Fail
2.7
Fail
4.5
AA
9.4
AAA
1.6
Fail
—
1.7
Fail
2.9
Fail
6.0
AA
2.7
Fail
1.7
Fail
—
1.7
Fail
3.5
AA Large
4.5
AA
2.9
Fail
1.7
Fail
—
2.1
Fail
9.4
AAA
6.0
AA
3.5
AA Large
2.1
Fail
—
White BG
18.0AAA
11.5AAA
6.7AA
4.0AA Large
1.9Fail
Black BG
1.2Fail
1.8Fail
3.1AA Large
5.3AA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1D16
474732
6F6E55
8A8A8D
BABAD1

Deuteranopia

202315
4B5031
747A53
8D908B
BBBBCF

Tritanopia

2D1212
602E2E
8E504F
9A8685
BDCAC9

Achromatopsia

151515
383838
5C5C5C
838383
BDBDBD

Shades & Tints Shades & Tints

#2F071B

Dark
Light

#632337

Dark
Light

#92415B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f071b;
  --color-2: #632337;
  --color-3: #92415b;
  --color-4: #9c7395;
  --color-5: #bdb7d9;
}

SCSS

$color-1: #2f071b;
$color-2: #632337;
$color-3: #92415b;
$color-4: #9c7395;
$color-5: #bdb7d9;

TAILWIND

colors: {
  'brand-1': '#2f071b',
  'brand-2': '#632337',
  'brand-3': '#92415b',
  'brand-4': '#9c7395',
  'brand-5': '#bdb7d9',
}

RGB Array

[47, 7, 27], [99, 35, 55], [146, 65, 91], [156, 115, 149], [189, 183, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #2F071B, #632337, #92415B, #9C7395, #BDB7D9 is ideal for: 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: #2f071b; --color-2: #632337; --color-3: #92415b; --color-4: #9c7395; --color-5: #bdb7d9. 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. 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