#A26C9D + #BD7C9E + #D58DA3 + #F3A7AB + #FEEAD1 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#A26C9D

Rose Purple · Gray · Violet

HEX

#A26C9D

RGB

rgb(162, 108, 157)

HSL

hsl(306, 22%, 53%)

HSB

hsb(306, 33%, 64%)

CMYK

cmyk(0%, 33%, 3%, 36%)

Oklch

oklch(60.5% 0.096 329.9)

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

#BD7C9E

Mauve · DarkGray · Rose Pink

HEX

#BD7C9E

RGB

rgb(189, 124, 158)

HSL

hsl(329, 33%, 61%)

HSB

hsb(329, 34%, 74%)

CMYK

cmyk(0%, 34%, 16%, 26%)

Oklch

oklch(66.4% 0.092 347.2)

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

#D58DA3

Rouge · Tan · Rose Pink

HEX

#D58DA3

RGB

rgb(213, 141, 163)

HSL

hsl(342, 46%, 69%)

HSB

hsb(342, 34%, 84%)

CMYK

cmyk(0%, 34%, 23%, 16%)

Oklch

oklch(72.2% 0.091 359.8)

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

#F3A7AB

Peach Pink · LightPink · Coral Red

HEX

#F3A7AB

RGB

rgb(243, 167, 171)

HSL

hsl(357, 76%, 80%)

HSB

hsb(357, 31%, 95%)

CMYK

cmyk(0%, 31%, 30%, 5%)

Oklch

oklch(80.3% 0.090 15.8)

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

#FEEAD1

Goose Yellow · Bisque · Peach Orange

HEX

#FEEAD1

RGB

rgb(254, 234, 209)

HSL

hsl(33, 96%, 91%)

HSB

hsb(33, 18%, 100%)

CMYK

cmyk(0%, 8%, 18%, 0%)

Oklch

oklch(94.7% 0.040 73.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A26C9D

6DA272

Analogous

8C6DA2

A26C9D

A26D82

Triadic

A26C9D

9CA26D

6D9CA2

Split-Comp.

A26C9D

82A26D

6DA28C

Tetradic

A26C9D

A28C6D

6DA272

6D82A2

Contrast Matrix WCAG 2.1 Contrast

A26C9D	BD7C9E	D58DA3	F3A7AB	FEEAD1
—	1.3 Fail	1.6 Fail	2.1 Fail	3.5 AA Large
1.3 Fail	—	1.2 Fail	1.7 Fail	2.7 Fail
1.6 Fail	1.2 Fail	—	1.3 Fail	2.2 Fail
2.1 Fail	1.7 Fail	1.3 Fail	—	1.6 Fail
3.5 AA Large	2.7 Fail	2.2 Fail	1.6 Fail	—

White BG

4.1AA Large

3.2AA Large

2.6Fail

1.9Fail

1.2Fail

Black BG

5.2AA

6.5AA

8.2AAA

10.9AAA

17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A91

A1A096

B6B59E

D2D1AA

F5F5D7

Deuteranopia

8E928E

A5A994

BABF9C

D7DCAA

F7F8D9

Tritanopia

9F8886

BA8F8E

D19999

EFA9A9

FDDCDD

Achromatopsia

828282

939393

A5A5A5

BEBEBE

EDEDED

Shades & Tints Shades & Tints

#A26C9D

Dark

Light

#BD7C9E

Dark

Light

#D58DA3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a26c9d;
  --color-2: #bd7c9e;
  --color-3: #d58da3;
  --color-4: #f3a7ab;
  --color-5: #feead1;
}

SCSS

$color-1: #a26c9d;
$color-2: #bd7c9e;
$color-3: #d58da3;
$color-4: #f3a7ab;
$color-5: #feead1;

TAILWIND

colors: {
  'brand-1': '#a26c9d',
  'brand-2': '#bd7c9e',
  'brand-3': '#d58da3',
  'brand-4': '#f3a7ab',
  'brand-5': '#feead1',
}

RGB Array

[162, 108, 157], [189, 124, 158], [213, 141, 163], [243, 167, 171], [254, 234, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A26C9D, #BD7C9E, #D58DA3, #F3A7AB, #FEEAD1 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: #a26c9d; --color-2: #bd7c9e; --color-3: #d58da3; --color-4: #f3a7ab; --color-5: #feead1. 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