#B70D91 + #E56F6F + #D5C395 + #BDC138 + #5A6174 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B70D91

Rose Purple · MediumVioletRed · Eggplant

HEX

#B70D91

RGB

rgb(183, 13, 145)

HSL

hsl(313, 87%, 38%)

HSB

hsb(313, 93%, 72%)

CMYK

cmyk(0%, 93%, 21%, 28%)

Oklch

oklch(52.9% 0.223 340.7)

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

#E56F6F

Peach Pink · LightCoral · Coral Red

HEX

#E56F6F

RGB

rgb(229, 111, 111)

HSL

hsl(0, 69%, 67%)

HSB

hsb(0, 52%, 90%)

CMYK

cmyk(0%, 52%, 52%, 10%)

Oklch

oklch(68.1% 0.147 21.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D5C395

Goose Yellow · Tan · Sunflower

HEX

#D5C395

RGB

rgb(213, 195, 149)

HSL

hsl(43, 43%, 71%)

HSB

hsb(43, 30%, 84%)

CMYK

cmyk(0%, 8%, 30%, 16%)

Oklch

oklch(82.1% 0.064 89.2)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#BDC138

Autumn Sage · GoldenRod · Honey Gold

HEX

#BDC138

RGB

rgb(189, 193, 56)

HSL

hsl(62, 55%, 49%)

HSB

hsb(62, 71%, 76%)

CMYK

cmyk(2%, 0%, 71%, 24%)

Oklch

oklch(78.4% 0.153 111.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#5A6174

Indigo · DimGray · Prussian Blue

HEX

#5A6174

RGB

rgb(90, 97, 116)

HSL

hsl(224, 13%, 40%)

HSB

hsb(224, 22%, 45%)

CMYK

cmyk(22%, 16%, 0%, 55%)

Oklch

oklch(49.4% 0.032 269.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B70D91

0DB531

Analogous

850DB5

B70D91

B50D3C

Triadic

B70D91

91B50D

0D91B5

Split-Comp.

B70D91

3CB50D

0DB585

Tetradic

B70D91

B5850D

0DB531

0D3CB5

Contrast Matrix WCAG 2.1 Contrast

B70D91	E56F6F	D5C395	BDC138	5A6174
—	2.0 Fail	3.5 AA Large	3.1 AA Large	1.0 Fail
2.0 Fail	—	1.8 Fail	1.6 Fail	2.0 Fail
3.5 AA Large	1.8 Fail	—	1.1 Fail	3.6 AA Large
3.1 AA Large	1.6 Fail	1.1 Fail	—	3.2 AA Large
1.0 Fail	2.0 Fail	3.6 AA Large	3.2 AA Large	—

White BG

6.0AA

3.1AA Large

1.7Fail

1.9Fail

6.2AA

Black BG

3.5AA Large

6.8AA

12.1AAA

10.8AAA

3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6C71

B2B16F

CDCDA0

BFBF59

5D5D6F

Deuteranopia

778469

B9C26F

CED0A3

BFBE61

5D5C6E

Tritanopia

AF5852

DF6F6F

D4A9AB

BD7379

5A6C6B

Achromatopsia

4F4F4F

929292

C3C3C3

B0B0B0

616161

Shades & Tints Shades & Tints

#B70D91

Dark

Light

#E56F6F

Dark

Light

#D5C395

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b70d91;
  --color-2: #e56f6f;
  --color-3: #d5c395;
  --color-4: #bdc138;
  --color-5: #5a6174;
}

SCSS

$color-1: #b70d91;
$color-2: #e56f6f;
$color-3: #d5c395;
$color-4: #bdc138;
$color-5: #5a6174;

TAILWIND

colors: {
  'brand-1': '#b70d91',
  'brand-2': '#e56f6f',
  'brand-3': '#d5c395',
  'brand-4': '#bdc138',
  'brand-5': '#5a6174',
}

RGB Array

[183, 13, 145], [229, 111, 111], [213, 195, 149], [189, 193, 56], [90, 97, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B70D91, #E56F6F, #D5C395, #BDC138, #5A6174 is ideal for: corporate websites, product showcases, portfolios. 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: #b70d91; --color-2: #e56f6f; --color-3: #d5c395; --color-4: #bdc138; --color-5: #5a6174. 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. 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