← Back to Editor

#40315A · #2A1F41 · #FACDC7 · #EFADB9 · #BF82A1

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

#40315A

Deep Indigo · DarkSlateGray · Eggplant

HEX
#40315A
RGB
rgb(64, 49, 90)
HSL
hsl(262, 29%, 27%)
HSB
hsb(262, 46%, 35%)
CMYK
cmyk(29%, 46%, 0%, 65%)
Oklch
oklch(34.9% 0.071 299.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#2A1F41

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2A1F41
RGB
rgb(42, 31, 65)
HSL
hsl(259, 35%, 19%)
HSB
hsb(259, 52%, 25%)
CMYK
cmyk(35%, 52%, 0%, 75%)
Oklch
oklch(27.0% 0.062 297.0)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FACDC7

Peach Pink · Pink · Cherry Blossom

HEX
#FACDC7
RGB
rgb(250, 205, 199)
HSL
hsl(7, 84%, 88%)
HSB
hsb(7, 20%, 98%)
CMYK
cmyk(0%, 18%, 20%, 2%)
Oklch
oklch(88.6% 0.052 27.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EFADB9

Peach Pink · LightPink · Cherry Blossom

HEX
#EFADB9
RGB
rgb(239, 173, 185)
HSL
hsl(349, 67%, 81%)
HSB
hsb(349, 28%, 94%)
CMYK
cmyk(0%, 28%, 23%, 6%)
Oklch
oklch(81.3% 0.079 6.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#BF82A1

Rouge · DarkGray · Rose Pink

HEX
#BF82A1
RGB
rgb(191, 130, 161)
HSL
hsl(330, 32%, 63%)
HSB
hsb(330, 32%, 75%)
CMYK
cmyk(0%, 32%, 16%, 25%)
Oklch
oklch(67.8% 0.085 347.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40315A
4A5931

Analogous

313659
40315A
533159

Triadic

40315A
594031
315940

Split-Comp.

40315A
595331
365931

Tetradic

40315A
593136
4A5931
315953

Contrast Matrix WCAG 2.1 Contrast

40315A
2A1F41
FACDC7
EFADB9
BF82A1
—
1.3
Fail
8.1
AAA
6.3
AA
3.8
AA Large
1.3
Fail
—
10.7
AAA
8.3
AAA
5.1
AA
8.1
AAA
10.7
AAA
—
1.3
Fail
2.1
Fail
6.3
AA
8.3
AAA
1.3
Fail
—
1.6
Fail
3.8
AA Large
5.1
AA
2.1
Fail
1.6
Fail
—
White BG
11.6AAA
15.3AAA
1.4Fail
1.9Fail
3.0AA Large
Black BG
1.8Fail
1.4Fail
14.6AAA
11.3AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3950
252539
E7E6C8
D2D2B6
A5A499

Deuteranopia

3A3C4E
262737
E9EDC9
D6DBB5
A8AD98

Tritanopia

3F4847
293231
F8CACA
ECB4B3
BC9492

Achromatopsia

3A3A3A
262626
DADADA
C2C2C2
989898

Shades & Tints Shades & Tints

#40315A

Dark
Light

#2A1F41

Dark
Light

#FACDC7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40315a;
  --color-2: #2a1f41;
  --color-3: #facdc7;
  --color-4: #efadb9;
  --color-5: #bf82a1;
}

SCSS

$color-1: #40315a;
$color-2: #2a1f41;
$color-3: #facdc7;
$color-4: #efadb9;
$color-5: #bf82a1;

TAILWIND

colors: {
  'brand-1': '#40315a',
  'brand-2': '#2a1f41',
  'brand-3': '#facdc7',
  'brand-4': '#efadb9',
  'brand-5': '#bf82a1',
}

RGB Array

[64, 49, 90], [42, 31, 65], [250, 205, 199], [239, 173, 185], [191, 130, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #40315A, #2A1F41, #FACDC7, #EFADB9, #BF82A1 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: #40315a; --color-2: #2a1f41; --color-3: #facdc7; --color-4: #efadb9; --color-5: #bf82a1. 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