#849B95 + #FFC2A2 + #FCF3CC + #C7D2B0 + #EED1B1 · 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

#849B95

Mineral Blue · LightSlateGray · Lake Green

HEX

#849B95

RGB

rgb(132, 155, 149)

HSL

hsl(164, 10%, 56%)

HSB

hsb(164, 15%, 61%)

CMYK

cmyk(15%, 0%, 4%, 39%)

Oklch

oklch(67.0% 0.027 177.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#FFC2A2

Apricot · LightPink · Peach Orange

HEX

#FFC2A2

RGB

rgb(255, 194, 162)

HSL

hsl(21, 100%, 82%)

HSB

hsb(21, 36%, 100%)

CMYK

cmyk(0%, 24%, 36%, 0%)

Oklch

oklch(86.1% 0.082 48.9)

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

#FCF3CC

Goose Yellow · Bisque · Lemon Cream

HEX

#FCF3CC

RGB

rgb(252, 243, 204)

HSL

hsl(49, 89%, 89%)

HSB

hsb(49, 19%, 99%)

CMYK

cmyk(0%, 4%, 19%, 1%)

Oklch

oklch(96.1% 0.052 96.5)

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

#C7D2B0

Willow Green · Silver · Apple Green

HEX

#C7D2B0

RGB

rgb(199, 210, 176)

HSL

hsl(79, 27%, 76%)

HSB

hsb(79, 16%, 82%)

CMYK

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

Oklch

oklch(84.6% 0.047 122.0)

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

#EED1B1

Goose Yellow · Wheat · Peach Orange

HEX

#EED1B1

RGB

rgb(238, 209, 177)

HSL

hsl(31, 64%, 81%)

HSB

hsb(31, 26%, 93%)

CMYK

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

Oklch

oklch(87.7% 0.054 69.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

849B95

9A848A

Analogous

849A89

849B95

84959A

Triadic

849B95

94849A

9A9484

Split-Comp.

849B95

9A8495

9A8984

Tetradic

849B95

89849A

9A848A

959A84

Contrast Matrix WCAG 2.1 Contrast

849B95	FFC2A2	FCF3CC	C7D2B0	EED1B1
—	1.9 Fail	2.7 Fail	1.9 Fail	2.0 Fail
1.9 Fail	—	1.4 Fail	1.0 Fail	1.1 Fail
2.7 Fail	1.4 Fail	—	1.4 Fail	1.3 Fail
1.9 Fail	1.0 Fail	1.4 Fail	—	1.1 Fail
2.0 Fail	1.1 Fail	1.3 Fail	1.1 Fail	—

White BG

3.0Fail

1.6Fail

1.1Fail

1.6Fail

1.5Fail

Black BG

7.1AAA

13.5AAA

18.8AAA

13.3AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E96

E5E4AA

F8F8D5

CCCCB8

E1E1B9

Deuteranopia

8D8B97

E8EDAC

F9F9D8

CBCABA

E3E5BB

Tritanopia

859898

FCB0B1

FCDDDF

C8BFC0

EDBFC0

Achromatopsia

939393

D1D1D1

F1F1F1

CBCBCB

D6D6D6

Shades & Tints Shades & Tints

#849B95

Dark

Light

#FFC2A2

Dark

Light

#FCF3CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #849b95;
  --color-2: #ffc2a2;
  --color-3: #fcf3cc;
  --color-4: #c7d2b0;
  --color-5: #eed1b1;
}

SCSS

$color-1: #849b95;
$color-2: #ffc2a2;
$color-3: #fcf3cc;
$color-4: #c7d2b0;
$color-5: #eed1b1;

TAILWIND

colors: {
  'brand-1': '#849b95',
  'brand-2': '#ffc2a2',
  'brand-3': '#fcf3cc',
  'brand-4': '#c7d2b0',
  'brand-5': '#eed1b1',
}

RGB Array

[132, 155, 149], [255, 194, 162], [252, 243, 204], [199, 210, 176], [238, 209, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #849B95, #FFC2A2, #FCF3CC, #C7D2B0, #EED1B1 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: #849b95; --color-2: #ffc2a2; --color-3: #fcf3cc; --color-4: #c7d2b0; --color-5: #eed1b1. 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