← Back to Editor

#1B131E · #3D062C · #432A3C · #5C626E · #8BA995

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

#1B131E

Dark Plum · Black · Dark Purple

HEX
#1B131E
RGB
rgb(27, 19, 30)
HSL
hsl(284, 22%, 10%)
HSB
hsb(284, 37%, 12%)
CMYK
cmyk(10%, 37%, 0%, 88%)
Oklch
oklch(20.2% 0.025 316.7)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#3D062C

Rose Purple · Black · Dark Purple

HEX
#3D062C
RGB
rgb(61, 6, 44)
HSL
hsl(319, 82%, 13%)
HSB
hsb(319, 90%, 24%)
CMYK
cmyk(0%, 90%, 28%, 76%)
Oklch
oklch(24.8% 0.094 343.8)

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

#432A3C

Rose Purple · DarkSlateGray · Eggplant

HEX
#432A3C
RGB
rgb(67, 42, 60)
HSL
hsl(317, 23%, 21%)
HSB
hsb(317, 37%, 26%)
CMYK
cmyk(0%, 37%, 10%, 74%)
Oklch
oklch(32.3% 0.047 337.5)

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

#5C626E

Indigo · DimGray · Charcoal

HEX
#5C626E
RGB
rgb(92, 98, 110)
HSL
hsl(220, 9%, 40%)
HSB
hsb(220, 16%, 43%)
CMYK
cmyk(16%, 11%, 0%, 57%)
Oklch
oklch(49.5% 0.021 264.4)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#8BA995

Celadon · DarkSeaGreen · Olive Green

HEX
#8BA995
RGB
rgb(139, 169, 149)
HSL
hsl(140, 15%, 60%)
HSB
hsb(140, 18%, 66%)
CMYK
cmyk(18%, 0%, 12%, 34%)
Oklch
oklch(70.6% 0.044 155.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B131E
171F14

Analogous

17141F
1B131E
1F141C

Triadic

1B131E
1F1C14
141F1C

Split-Comp.

1B131E
1C1F14
141F17

Tetradic

1B131E
1F1714
171F14
141C1F

Contrast Matrix WCAG 2.1 Contrast

1B131E
3D062C
432A3C
5C626E
8BA995
—
1.1
Fail
1.4
Fail
3.0
Fail
7.1
AAA
1.1
Fail
—
1.3
Fail
2.7
Fail
6.5
AA
1.4
Fail
1.3
Fail
—
2.1
Fail
5.0
AA
3.0
Fail
2.7
Fail
2.1
Fail
—
2.4
Fail
7.1
AAA
6.5
AA
5.0
AA
2.4
Fail
—
White BG
18.1AAA
16.7AAA
12.8AAA
6.1AA
2.6Fail
Black BG
1.2Fail
1.3Fail
1.6Fail
3.4AA Large
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

18171B
252523
383838
5F5F6B
98989A

Deuteranopia

18191B
282C21
3A3C37
5E5E6A
96949B

Tritanopia

1B1919
3A1C1A
423433
5C6968
8C9E9F

Achromatopsia

171717
1B1B1B
343434
626262
9E9E9E

Shades & Tints Shades & Tints

#1B131E

Dark
Light

#3D062C

Dark
Light

#432A3C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b131e;
  --color-2: #3d062c;
  --color-3: #432a3c;
  --color-4: #5c626e;
  --color-5: #8ba995;
}

SCSS

$color-1: #1b131e;
$color-2: #3d062c;
$color-3: #432a3c;
$color-4: #5c626e;
$color-5: #8ba995;

TAILWIND

colors: {
  'brand-1': '#1b131e',
  'brand-2': '#3d062c',
  'brand-3': '#432a3c',
  'brand-4': '#5c626e',
  'brand-5': '#8ba995',
}

RGB Array

[27, 19, 30], [61, 6, 44], [67, 42, 60], [92, 98, 110], [139, 169, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #1B131E, #3D062C, #432A3C, #5C626E, #8BA995 is ideal for: tech websites, dark mode UIs, game UIs, 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: #1b131e; --color-2: #3d062c; --color-3: #432a3c; --color-4: #5c626e; --color-5: #8ba995. 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 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