#917986 + #B0A8A5 + #C9BBA1 + #F3CD86 + #CA9271 · 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

#917986

Rose Purple · Gray · Rose Pink

HEX

#917986

RGB

rgb(145, 121, 134)

HSL

hsl(328, 10%, 52%)

HSB

hsb(328, 17%, 57%)

CMYK

cmyk(0%, 17%, 8%, 43%)

Oklch

oklch(60.3% 0.035 344.4)

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

#B0A8A5

Ash · DarkGray · Silver Sand

HEX

#B0A8A5

RGB

rgb(176, 168, 165)

HSL

hsl(16, 7%, 67%)

HSB

hsb(16, 6%, 69%)

CMYK

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

Oklch

oklch(73.7% 0.010 41.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#C9BBA1

Goose Yellow · Tan · Warm Sun

HEX

#C9BBA1

RGB

rgb(201, 187, 161)

HSL

hsl(39, 27%, 71%)

HSB

hsb(39, 20%, 79%)

CMYK

cmyk(0%, 7%, 20%, 21%)

Oklch

oklch(79.7% 0.039 83.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F3CD86

Goose Yellow · Khaki · Warm Sun

HEX

#F3CD86

RGB

rgb(243, 205, 134)

HSL

hsl(39, 82%, 74%)

HSB

hsb(39, 45%, 95%)

CMYK

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

Oklch

oklch(86.5% 0.099 82.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#CA9271

Apricot · DarkSalmon · Warm Sun

HEX

#CA9271

RGB

rgb(202, 146, 113)

HSL

hsl(22, 46%, 62%)

HSB

hsb(22, 44%, 79%)

CMYK

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

Oklch

oklch(70.6% 0.082 51.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

917986

789184

Analogous

907891

917986

917879

Triadic

917986

859178

788591

Split-Comp.

917986

799178

789190

Tetradic

917986

919078

789184

787991

Contrast Matrix WCAG 2.1 Contrast

917986	B0A8A5	C9BBA1	F3CD86	CA9271
—	1.7 Fail	2.1 Fail	2.6 Fail	1.5 Fail
1.7 Fail	—	1.2 Fail	1.5 Fail	1.1 Fail
2.1 Fail	1.2 Fail	—	1.3 Fail	1.4 Fail
2.6 Fail	1.5 Fail	1.3 Fail	—	1.8 Fail
1.5 Fail	1.1 Fail	1.4 Fail	1.8 Fail	—

White BG

4.0AA Large

2.3Fail

1.9Fail

1.5Fail

2.7Fail

Black BG

5.3AA

9.0AAA

11.1AAA

13.9AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878683

ADACA6

C3C3A7

E3E297

B2B179

Deuteranopia

888A82

ADAEA6

C4C5A9

E5E89B

B5B97B

Tritanopia

908080

B0A6A6

C8ACAD

F1A5A8

C77F81

Achromatopsia

828282

AAAAAA

BCBCBC

D0D0D0

9F9F9F

Shades & Tints Shades & Tints

#917986

Dark

Light

#B0A8A5

Dark

Light

#C9BBA1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #917986;
  --color-2: #b0a8a5;
  --color-3: #c9bba1;
  --color-4: #f3cd86;
  --color-5: #ca9271;
}

SCSS

$color-1: #917986;
$color-2: #b0a8a5;
$color-3: #c9bba1;
$color-4: #f3cd86;
$color-5: #ca9271;

TAILWIND

colors: {
  'brand-1': '#917986',
  'brand-2': '#b0a8a5',
  'brand-3': '#c9bba1',
  'brand-4': '#f3cd86',
  'brand-5': '#ca9271',
}

RGB Array

[145, 121, 134], [176, 168, 165], [201, 187, 161], [243, 205, 134], [202, 146, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #917986, #B0A8A5, #C9BBA1, #F3CD86, #CA9271 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: #917986; --color-2: #b0a8a5; --color-3: #c9bba1; --color-4: #f3cd86; --color-5: #ca9271. 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