← Back to Editor

#DAD9A7 · #CBD5B1 · #B8CAB7 · #A8A99F · #968181

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DAD9A7

Fresh Green · Wheat · Sunflower

HEX
#DAD9A7
RGB
rgb(218, 217, 167)
HSL
hsl(59, 41%, 75%)
HSB
hsb(59, 23%, 85%)
CMYK
cmyk(0%, 0%, 23%, 15%)
Oklch
oklch(87.4% 0.066 106.7)

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

#CBD5B1

Willow Green · Silver · Apple Green

HEX
#CBD5B1
RGB
rgb(203, 213, 177)
HSL
hsl(77, 30%, 76%)
HSB
hsb(77, 17%, 84%)
CMYK
cmyk(5%, 0%, 17%, 16%)
Oklch
oklch(85.6% 0.050 120.1)

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

#B8CAB7

Celadon · Silver · Apple Green

HEX
#B8CAB7
RGB
rgb(184, 202, 183)
HSL
hsl(117, 15%, 75%)
HSB
hsb(117, 9%, 79%)
CMYK
cmyk(9%, 0%, 9%, 21%)
Oklch
oklch(82.0% 0.033 143.8)

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

#A8A99F

Ash · DarkGray · Silver Sand

HEX
#A8A99F
RGB
rgb(168, 169, 159)
HSL
hsl(66, 5%, 64%)
HSB
hsb(66, 6%, 66%)
CMYK
cmyk(1%, 0%, 6%, 34%)
Oklch
oklch(73.1% 0.014 111.4)

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

#968181

Crimson · Gray · Warm Gray

HEX
#968181
RGB
rgb(150, 129, 129)
HSL
hsl(0, 9%, 55%)
HSB
hsb(0, 14%, 59%)
CMYK
cmyk(0%, 14%, 14%, 41%)
Oklch
oklch(62.2% 0.026 17.9)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD9A7
A5A6D9

Analogous

D9BEA5
DAD9A7
C0D9A5

Triadic

DAD9A7
A5D9D9
D9A5D9

Split-Comp.

DAD9A7
A5C0D9
BEA5D9

Tetradic

DAD9A7
A5D9BE
A5A6D9
D9A5C0

Contrast Matrix WCAG 2.1 Contrast

DAD9A7
CBD5B1
B8CAB7
A8A99F
968181
—
1.1
Fail
1.2
Fail
1.6
Fail
2.5
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
2.4
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
2.1
Fail
1.6
Fail
1.5
Fail
1.4
Fail
—
1.5
Fail
2.5
Fail
2.4
Fail
2.1
Fail
1.5
Fail
—
White BG
1.5Fail
1.5Fail
1.7Fail
2.4Fail
3.6AA Large
Black BG
14.5AAA
13.7AAA
12.2AAA
8.8AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAB3
CFCFBA
C0C0BC
A8A8A1
8D8D81

Deuteranopia

DADAB6
CFCEBC
BFBDBD
A8A8A2
8E9081

Tritanopia

DABDBF
CCC1C2
B9BFC0
A8A3A4
958181

Achromatopsia

D4D4D4
CECECE
C2C2C2
A8A8A8
878787

Shades & Tints Shades & Tints

#DAD9A7

Dark
Light

#CBD5B1

Dark
Light

#B8CAB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad9a7;
  --color-2: #cbd5b1;
  --color-3: #b8cab7;
  --color-4: #a8a99f;
  --color-5: #968181;
}

SCSS

$color-1: #dad9a7;
$color-2: #cbd5b1;
$color-3: #b8cab7;
$color-4: #a8a99f;
$color-5: #968181;

TAILWIND

colors: {
  'brand-1': '#dad9a7',
  'brand-2': '#cbd5b1',
  'brand-3': '#b8cab7',
  'brand-4': '#a8a99f',
  'brand-5': '#968181',
}

RGB Array

[218, 217, 167], [203, 213, 177], [184, 202, 183], [168, 169, 159], [150, 129, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DAD9A7, #CBD5B1, #B8CAB7, #A8A99F, #968181 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dad9a7; --color-2: #cbd5b1; --color-3: #b8cab7; --color-4: #a8a99f; --color-5: #968181. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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