← Back to Editor

#D8D1C4 · #BFD185 · #B5B86E · #C7B210 · #422D22

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 PostIllustrationData Visualization

Color Details Color Details

#D8D1C4

Goose Yellow · LightGray · Peach Orange

HEX
#D8D1C4
RGB
rgb(216, 209, 196)
HSL
hsl(39, 20%, 81%)
HSB
hsb(39, 9%, 85%)
CMYK
cmyk(0%, 3%, 9%, 15%)
Oklch
oklch(86.3% 0.019 83.1)

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

#BFD185

Willow Green · Tan · Apple Green

HEX
#BFD185
RGB
rgb(191, 209, 133)
HSL
hsl(74, 45%, 67%)
HSB
hsb(74, 36%, 82%)
CMYK
cmyk(9%, 0%, 36%, 18%)
Oklch
oklch(82.9% 0.101 119.5)

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

#B5B86E

Autumn Sage · Tan · Sunflower

HEX
#B5B86E
RGB
rgb(181, 184, 110)
HSL
hsl(62, 34%, 58%)
HSB
hsb(62, 40%, 72%)
CMYK
cmyk(2%, 0%, 40%, 28%)
Oklch
oklch(76.3% 0.097 110.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C7B210

Autumn Sage · GoldenRod · Honey Gold

HEX
#C7B210
RGB
rgb(199, 178, 16)
HSL
hsl(53, 85%, 42%)
HSB
hsb(53, 92%, 78%)
CMYK
cmyk(0%, 11%, 92%, 22%)
Oklch
oklch(75.8% 0.155 100.6)

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

#422D22

Tangerine · DarkSlateGray · Cinnamon

HEX
#422D22
RGB
rgb(66, 45, 34)
HSL
hsl(21, 32%, 20%)
HSB
hsb(21, 48%, 26%)
CMYK
cmyk(0%, 32%, 48%, 74%)
Oklch
oklch(31.9% 0.036 48.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8D1C4
C5CCD8

Analogous

D8C8C5
D8D1C4
D5D8C5

Triadic

D8D1C4
C5D8D1
D1C5D8

Split-Comp.

D8D1C4
C5D5D8
C8C5D8

Tetradic

D8D1C4
C5D8C8
C5CCD8
D8C5D5

Contrast Matrix WCAG 2.1 Contrast

D8D1C4
BFD185
B5B86E
C7B210
422D22
—
1.1
Fail
1.4
Fail
1.4
Fail
8.5
AAA
1.1
Fail
—
1.3
Fail
1.3
Fail
7.8
AAA
1.4
Fail
1.3
Fail
—
1.0
Fail
6.2
AA
1.4
Fail
1.3
Fail
1.0
Fail
—
6.0
AA
8.5
AAA
7.8
AAA
6.2
AA
6.0
AA
—
White BG
1.5Fail
1.7Fail
2.1Fail
2.1Fail
12.9AAA
Black BG
13.8AAA
12.7AAA
10.0AAA
9.8AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5C7
C7C797
B6B680
BEBE37
393925

Deuteranopia

D5D6C8
C6C49C
B6B684
BFC141
3A3C25

Tritanopia

D8CACA
C0A6A9
B58E91
C6565D
412727

Achromatopsia

D2D2D2
C3C3C3
AFAFAF
A6A6A6
323232

Shades & Tints Shades & Tints

#D8D1C4

Dark
Light

#BFD185

Dark
Light

#B5B86E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8d1c4;
  --color-2: #bfd185;
  --color-3: #b5b86e;
  --color-4: #c7b210;
  --color-5: #422d22;
}

SCSS

$color-1: #d8d1c4;
$color-2: #bfd185;
$color-3: #b5b86e;
$color-4: #c7b210;
$color-5: #422d22;

TAILWIND

colors: {
  'brand-1': '#d8d1c4',
  'brand-2': '#bfd185',
  'brand-3': '#b5b86e',
  'brand-4': '#c7b210',
  'brand-5': '#422d22',
}

RGB Array

[216, 209, 196], [191, 209, 133], [181, 184, 110], [199, 178, 16], [66, 45, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D8D1C4, #BFD185, #B5B86E, #C7B210, #422D22 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d8d1c4; --color-2: #bfd185; --color-3: #b5b86e; --color-4: #c7b210; --color-5: #422d22. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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