#A189E9 + #B08ABF + #BF8A94 + #CE8B6A + #D68E49 · 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

#A189E9

Wisteria · MediumSlateBlue · Cobalt Blue

HEX

#A189E9

RGB

rgb(161, 137, 233)

HSL

hsl(255, 69%, 73%)

HSB

hsb(255, 41%, 91%)

CMYK

cmyk(31%, 41%, 0%, 9%)

Oklch

oklch(69.1% 0.139 293.9)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#B08ABF

Lilac · DarkGray · Lilac Purple

HEX

#B08ABF

RGB

rgb(176, 138, 191)

HSL

hsl(283, 29%, 65%)

HSB

hsb(283, 28%, 75%)

CMYK

cmyk(8%, 28%, 0%, 25%)

Oklch

oklch(68.7% 0.087 316.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#BF8A94

Peach Pink · DarkGray · Coral Red

HEX

#BF8A94

RGB

rgb(191, 138, 148)

HSL

hsl(349, 29%, 65%)

HSB

hsb(349, 28%, 75%)

CMYK

cmyk(0%, 28%, 23%, 25%)

Oklch

oklch(68.8% 0.066 6.5)

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

#CE8B6A

Apricot · DarkSalmon · Warm Sun

HEX

#CE8B6A

RGB

rgb(206, 139, 106)

HSL

hsl(20, 51%, 61%)

HSB

hsb(20, 49%, 81%)

CMYK

cmyk(0%, 33%, 49%, 19%)

Oklch

oklch(69.7% 0.094 46.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D68E49

Tangerine · SandyBrown · Warm Sun

HEX

#D68E49

RGB

rgb(214, 142, 73)

HSL

hsl(29, 63%, 56%)

HSB

hsb(29, 66%, 84%)

CMYK

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

Oklch

oklch(70.7% 0.122 62.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A189E9

D2EA8B

Analogous

8BA2EA

A189E9

D28BEA

Triadic

A189E9

EAA28B

8BEAA2

Split-Comp.

A189E9

EAD28B

A2EA8B

Tetradic

A189E9

EA8BA2

D2EA8B

8BEAD2

Contrast Matrix WCAG 2.1 Contrast

A189E9	B08ABF	BF8A94	CE8B6A	D68E49
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

2.9Fail

2.8Fail

2.7Fail

Black BG

7.3AAA

7.2AAA

7.3AAA

7.5AAA

7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9796D2

A09FB2

A8A892

B1B072

B7B65A

Deuteranopia

989ACC

A2A5AF

ABAF91

B5BA74

BBC05E

Tritanopia

A0BFBB

AEA8A6

BC908F

CB787A

D2676A

Achromatopsia

9B9B9B

9C9C9C

Shades & Tints Shades & Tints

#A189E9

Dark

Light

#B08ABF

Dark

Light

#BF8A94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a189e9;
  --color-2: #b08abf;
  --color-3: #bf8a94;
  --color-4: #ce8b6a;
  --color-5: #d68e49;
}

SCSS

$color-1: #a189e9;
$color-2: #b08abf;
$color-3: #bf8a94;
$color-4: #ce8b6a;
$color-5: #d68e49;

TAILWIND

colors: {
  'brand-1': '#a189e9',
  'brand-2': '#b08abf',
  'brand-3': '#bf8a94',
  'brand-4': '#ce8b6a',
  'brand-5': '#d68e49',
}

RGB Array

[161, 137, 233], [176, 138, 191], [191, 138, 148], [206, 139, 106], [214, 142, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A189E9, #B08ABF, #BF8A94, #CE8B6A, #D68E49 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: #a189e9; --color-2: #b08abf; --color-3: #bf8a94; --color-4: #ce8b6a; --color-5: #d68e49. 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