#F21B86 + #B5A5A9 + #74DBC2 + #B3E8BD + #D9EBB7 · 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

#F21B86

Dark Violet · DeepPink · Rose Pink

HEX

#F21B86

RGB

rgb(242, 27, 134)

HSL

hsl(330, 89%, 53%)

HSB

hsb(330, 89%, 95%)

CMYK

cmyk(0%, 89%, 45%, 5%)

Oklch

oklch(63.0% 0.246 359.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B5A5A9

Peach Pink · DarkGray · Coral Red

HEX

#B5A5A9

RGB

rgb(181, 165, 169)

HSL

hsl(345, 10%, 68%)

HSB

hsb(345, 9%, 71%)

CMYK

cmyk(0%, 9%, 7%, 29%)

Oklch

oklch(73.7% 0.019 0.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#74DBC2

Jade · MediumAquaMarine · Lake Green

HEX

#74DBC2

RGB

rgb(116, 219, 194)

HSL

hsl(165, 59%, 66%)

HSB

hsb(165, 47%, 86%)

CMYK

cmyk(47%, 0%, 11%, 14%)

Oklch

oklch(82.2% 0.104 175.9)

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

#B3E8BD

Emerald · Silver · Mint Green

HEX

#B3E8BD

RGB

rgb(179, 232, 189)

HSL

hsl(131, 54%, 81%)

HSB

hsb(131, 23%, 91%)

CMYK

cmyk(23%, 0%, 19%, 9%)

Oklch

oklch(88.3% 0.080 150.2)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#D9EBB7

Willow Green · Wheat · Mint Green

HEX

#D9EBB7

RGB

rgb(217, 235, 183)

HSL

hsl(81, 57%, 82%)

HSB

hsb(81, 22%, 92%)

CMYK

cmyk(8%, 0%, 22%, 8%)

Oklch

oklch(91.4% 0.071 123.3)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F21B86

1CF287

Analogous

F21CF2

F21B86

F21C1C

Triadic

F21B86

87F21C

1C87F2

Split-Comp.

F21B86

1CF21C

1CF2F2

Tetradic

F21B86

F2F21C

1CF287

1C1CF2

Contrast Matrix WCAG 2.1 Contrast

F21B86	B5A5A9	74DBC2	B3E8BD	D9EBB7
—	1.7 Fail	2.4 Fail	2.9 Fail	3.1 AA Large
1.7 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
2.4 Fail	1.4 Fail	—	1.2 Fail	1.3 Fail
2.9 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
3.1 AA Large	1.9 Fail	1.3 Fail	1.1 Fail	—

White BG

4.0AA Large

2.4Fail

1.7Fail

1.4Fail

1.3Fail

Black BG

5.3AA

8.9AAA

12.7AAA

15.2AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

95936C

AEAEA8

A1A2C8

CACAC7

E1E1C4

Deuteranopia

A1B166

AFB0A8

9B93CA

C7C3CA

E0DEC7

Tritanopia

E75853

B4A7A7

79CDCE

B6D0D1

DACED0

Achromatopsia

676767

AAAAAA

B9B9B9

D3D3D3

E0E0E0

Shades & Tints Shades & Tints

#F21B86

Dark

Light

#B5A5A9

Dark

Light

#74DBC2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f21b86;
  --color-2: #b5a5a9;
  --color-3: #74dbc2;
  --color-4: #b3e8bd;
  --color-5: #d9ebb7;
}

SCSS

$color-1: #f21b86;
$color-2: #b5a5a9;
$color-3: #74dbc2;
$color-4: #b3e8bd;
$color-5: #d9ebb7;

TAILWIND

colors: {
  'brand-1': '#f21b86',
  'brand-2': '#b5a5a9',
  'brand-3': '#74dbc2',
  'brand-4': '#b3e8bd',
  'brand-5': '#d9ebb7',
}

RGB Array

[242, 27, 134], [181, 165, 169], [116, 219, 194], [179, 232, 189], [217, 235, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F21B86, #B5A5A9, #74DBC2, #B3E8BD, #D9EBB7 is ideal for: health products, baby brands, fresh-style blogs. 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: #f21b86; --color-2: #b5a5a9; --color-3: #74dbc2; --color-4: #b3e8bd; --color-5: #d9ebb7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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