#F6E6B5 + #FFC1AA + #CEC1B1 + #87BFE2 + #5C6989 · 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

#F6E6B5

Goose Yellow · Wheat · Lemon Cream

HEX

#F6E6B5

RGB

rgb(246, 230, 181)

HSL

hsl(45, 78%, 84%)

HSB

hsb(45, 26%, 96%)

CMYK

cmyk(0%, 7%, 26%, 4%)

Oklch

oklch(92.6% 0.066 92.1)

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

#FFC1AA

Apricot · LightPink · Peach Orange

HEX

#FFC1AA

RGB

rgb(255, 193, 170)

HSL

hsl(16, 100%, 83%)

HSB

hsb(16, 33%, 100%)

CMYK

cmyk(0%, 24%, 33%, 0%)

Oklch

oklch(86.1% 0.078 41.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CEC1B1

Goose Yellow · Silver · Warm Sun

HEX

#CEC1B1

RGB

rgb(206, 193, 177)

HSL

hsl(33, 23%, 75%)

HSB

hsb(33, 14%, 81%)

CMYK

cmyk(0%, 6%, 14%, 19%)

Oklch

oklch(81.7% 0.026 73.1)

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

#87BFE2

Sky Blue · SkyBlue · Cobalt Blue

HEX

#87BFE2

RGB

rgb(135, 191, 226)

HSL

hsl(203, 61%, 71%)

HSB

hsb(203, 40%, 89%)

CMYK

cmyk(40%, 15%, 0%, 11%)

Oklch

oklch(77.9% 0.077 236.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#5C6989

Indigo · SlateGray · Navy Blue

HEX

#5C6989

RGB

rgb(92, 105, 137)

HSL

hsl(223, 20%, 45%)

HSB

hsb(223, 33%, 54%)

CMYK

cmyk(33%, 23%, 0%, 46%)

Oklch

oklch(52.3% 0.053 267.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E6B5

B6C6F6

Analogous

F6C6B6

F6E6B5

E6F6B6

Triadic

F6E6B5

B6F6E6

E6B6F6

Split-Comp.

F6E6B5

B6E6F6

C6B6F6

Tetradic

F6E6B5

B6F6C6

B6C6F6

F6B6E6

Contrast Matrix WCAG 2.1 Contrast

F6E6B5	FFC1AA	CEC1B1	87BFE2	5C6989
—	1.3 Fail	1.4 Fail	1.6 Fail	4.4 AA Large
1.3 Fail	—	1.1 Fail	1.3 Fail	3.5 AA Large
1.4 Fail	1.1 Fail	—	1.1 Fail	3.1 AA Large
1.6 Fail	1.3 Fail	1.1 Fail	—	2.8 Fail
4.4 AA Large	3.5 AA Large	3.1 AA Large	2.8 Fail	—

White BG

1.2Fail

1.6Fail

1.8Fail

2.0Fail

5.5AA

Black BG

16.9AAA

13.5AAA

11.9AAA

10.6AAA

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFC1

E4E4B0

C8C8B5

9FA0DA

626281

Deuteranopia

F0F1C4

E8ECB1

C9CAB6

9C98D8

61607F

Tritanopia

F5CACC

FCB4B5

CDB8B9

8AD3D1

5D7B7A

Achromatopsia

E5E5E5

D1D1D1

C3C3C3

B2B2B2

696969

Shades & Tints Shades & Tints

#F6E6B5

Dark

Light

#FFC1AA

Dark

Light

#CEC1B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e6b5;
  --color-2: #ffc1aa;
  --color-3: #cec1b1;
  --color-4: #87bfe2;
  --color-5: #5c6989;
}

SCSS

$color-1: #f6e6b5;
$color-2: #ffc1aa;
$color-3: #cec1b1;
$color-4: #87bfe2;
$color-5: #5c6989;

TAILWIND

colors: {
  'brand-1': '#f6e6b5',
  'brand-2': '#ffc1aa',
  'brand-3': '#cec1b1',
  'brand-4': '#87bfe2',
  'brand-5': '#5c6989',
}

RGB Array

[246, 230, 181], [255, 193, 170], [206, 193, 177], [135, 191, 226], [92, 105, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F6E6B5, #FFC1AA, #CEC1B1, #87BFE2, #5C6989 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: #f6e6b5; --color-2: #ffc1aa; --color-3: #cec1b1; --color-4: #87bfe2; --color-5: #5c6989. 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