#96916B + #F5EFCB + #D4D7DC + #FFCDDA + #CA8790 · 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

#96916B

Autumn Sage · Gray · Honey Gold

HEX

#96916B

RGB

rgb(150, 145, 107)

HSL

hsl(53, 17%, 50%)

HSB

hsb(53, 29%, 59%)

CMYK

cmyk(0%, 3%, 29%, 41%)

Oklch

oklch(65.1% 0.054 101.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F5EFCB

Fresh Green · Bisque · Lemon Cream

HEX

#F5EFCB

RGB

rgb(245, 239, 203)

HSL

hsl(51, 68%, 88%)

HSB

hsb(51, 17%, 96%)

CMYK

cmyk(0%, 2%, 17%, 4%)

Oklch

oklch(94.8% 0.047 99.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D4D7DC

Azure · LightGray · Sky Blue

HEX

#D4D7DC

RGB

rgb(212, 215, 220)

HSL

hsl(218, 10%, 85%)

HSB

hsb(218, 4%, 86%)

CMYK

cmyk(4%, 2%, 0%, 14%)

Oklch

oklch(87.8% 0.008 260.7)

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

#FFCDDA

Rouge · Pink · Cherry Blossom

HEX

#FFCDDA

RGB

rgb(255, 205, 218)

HSL

hsl(344, 100%, 90%)

HSB

hsb(344, 20%, 100%)

CMYK

cmyk(0%, 20%, 15%, 0%)

Oklch

oklch(89.5% 0.059 1.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#CA8790

Peach Pink · DarkSalmon · Coral Red

HEX

#CA8790

RGB

rgb(202, 135, 144)

HSL

hsl(352, 39%, 66%)

HSB

hsb(352, 33%, 79%)

CMYK

cmyk(0%, 33%, 29%, 21%)

Oklch

oklch(69.4% 0.083 10.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

96916B

6A6F95

Analogous

957A6A

96916B

85956A

Triadic

96916B

6A9590

906A95

Split-Comp.

96916B

6A8595

7A6A95

Tetradic

96916B

6A957A

6A6F95

956A85

Contrast Matrix WCAG 2.1 Contrast

96916B	F5EFCB	D4D7DC	FFCDDA	CA8790
—	2.8 Fail	2.2 Fail	2.3 Fail	1.1 Fail
2.8 Fail	—	1.2 Fail	1.2 Fail	2.5 Fail
2.2 Fail	1.2 Fail	—	1.0 Fail	2.0 Fail
2.3 Fail	1.2 Fail	1.0 Fail	—	2.0 Fail
1.1 Fail	2.5 Fail	2.0 Fail	2.0 Fail	—

White BG

3.2AA Large

1.2Fail

1.4Fail

2.8Fail

Black BG

6.6AA

18.1AAA

14.6AAA

15.0AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

949474

F2F2D4

D5D5DB

E9E9D7

ADAC8E

Deuteranopia

949576

F3F3D6

D5D5DB

ECF0D6

B1B68D

Tritanopia

967B7D

F5DBDC

D4DADA

FDD4D4

C78C8C

Achromatopsia

8E8E8E

EDEDED

D7D7D7

DDDDDD

9C9C9C

Shades & Tints Shades & Tints

#96916B

Dark

Light

#F5EFCB

Dark

Light

#D4D7DC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #96916b;
  --color-2: #f5efcb;
  --color-3: #d4d7dc;
  --color-4: #ffcdda;
  --color-5: #ca8790;
}

SCSS

$color-1: #96916b;
$color-2: #f5efcb;
$color-3: #d4d7dc;
$color-4: #ffcdda;
$color-5: #ca8790;

TAILWIND

colors: {
  'brand-1': '#96916b',
  'brand-2': '#f5efcb',
  'brand-3': '#d4d7dc',
  'brand-4': '#ffcdda',
  'brand-5': '#ca8790',
}

RGB Array

[150, 145, 107], [245, 239, 203], [212, 215, 220], [255, 205, 218], [202, 135, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #96916B, #F5EFCB, #D4D7DC, #FFCDDA, #CA8790 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: #96916b; --color-2: #f5efcb; --color-3: #d4d7dc; --color-4: #ffcdda; --color-5: #ca8790. 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