← Back to Editor

#EB0E82 · #F7DCEA · #2B2629 · #47BFB9 · #A3D4D1

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

#EB0E82

Rose Purple · DeepPink · Camellia

HEX
#EB0E82
RGB
rgb(235, 14, 130)
HSL
hsl(329, 89%, 49%)
HSB
hsb(329, 94%, 92%)
CMYK
cmyk(0%, 94%, 45%, 8%)
Oklch
oklch(61.3% 0.245 358.5)

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

#F7DCEA

Mauve · Linen · Cherry Blossom

HEX
#F7DCEA
RGB
rgb(247, 220, 234)
HSL
hsl(329, 63%, 92%)
HSB
hsb(329, 11%, 97%)
CMYK
cmyk(0%, 11%, 5%, 3%)
Oklch
oklch(92.1% 0.035 345.1)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#2B2629

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B2629
RGB
rgb(43, 38, 41)
HSL
hsl(324, 6%, 16%)
HSB
hsb(324, 12%, 17%)
CMYK
cmyk(0%, 12%, 5%, 83%)
Oklch
oklch(27.5% 0.009 341.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#47BFB9

Mineral Blue · MediumTurquoise · Lake Green

HEX
#47BFB9
RGB
rgb(71, 191, 185)
HSL
hsl(177, 48%, 51%)
HSB
hsb(177, 63%, 75%)
CMYK
cmyk(63%, 0%, 3%, 25%)
Oklch
oklch(73.7% 0.106 190.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#A3D4D1

Jade · LightBlue · Lake Green

HEX
#A3D4D1
RGB
rgb(163, 212, 209)
HSL
hsl(176, 36%, 74%)
HSB
hsb(176, 23%, 83%)
CMYK
cmyk(23%, 0%, 1%, 17%)
Oklch
oklch(83.5% 0.051 191.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB0E82
0EEC79

Analogous

E80EEC
EB0E82
EC0E11

Triadic

EB0E82
81EC0E
0E81EC

Split-Comp.

EB0E82
11EC0E
0EECE8

Tetradic

EB0E82
ECE80E
0EEC79
0E11EC

Contrast Matrix WCAG 2.1 Contrast

EB0E82
F7DCEA
2B2629
47BFB9
A3D4D1
—
3.3
AA Large
3.5
AA Large
1.9
Fail
2.6
Fail
3.3
AA Large
—
11.6
AAA
1.7
Fail
1.3
Fail
3.5
AA Large
11.6
AAA
—
6.7
AA
9.1
AAA
1.9
Fail
1.7
Fail
6.7
AA
—
1.4
Fail
2.6
Fail
1.3
Fail
9.1
AAA
1.4
Fail
—
White BG
4.3AA Large
1.3Fail
14.9AAA
2.2Fail
1.6Fail
Black BG
4.9AA
16.4AAA
1.4Fail
9.4AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8966
EBEBE7
292928
7B7CBA
B8B9D2

Deuteranopia

98A95F
EDEFE6
292A28
746BBB
B5B2D2

Tritanopia

E0504B
F6E4E3
2B2828
4DBCBC
A5D2D2

Achromatopsia

5D5D5D
E6E6E6
282828
9A9A9A
C5C5C5

Shades & Tints Shades & Tints

#EB0E82

Dark
Light

#F7DCEA

Dark
Light

#2B2629

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb0e82;
  --color-2: #f7dcea;
  --color-3: #2b2629;
  --color-4: #47bfb9;
  --color-5: #a3d4d1;
}

SCSS

$color-1: #eb0e82;
$color-2: #f7dcea;
$color-3: #2b2629;
$color-4: #47bfb9;
$color-5: #a3d4d1;

TAILWIND

colors: {
  'brand-1': '#eb0e82',
  'brand-2': '#f7dcea',
  'brand-3': '#2b2629',
  'brand-4': '#47bfb9',
  'brand-5': '#a3d4d1',
}

RGB Array

[235, 14, 130], [247, 220, 234], [43, 38, 41], [71, 191, 185], [163, 212, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EB0E82, #F7DCEA, #2B2629, #47BFB9, #A3D4D1 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: #eb0e82; --color-2: #f7dcea; --color-3: #2b2629; --color-4: #47bfb9; --color-5: #a3d4d1. 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