← Back to Editor

#D9D1A3 · #F3E5BE · #D2CFB0 · #D36F60 · #634640

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

#D9D1A3

Fresh Green · Wheat · Sunflower

HEX
#D9D1A3
RGB
rgb(217, 209, 163)
HSL
hsl(51, 42%, 75%)
HSB
hsb(51, 25%, 85%)
CMYK
cmyk(0%, 4%, 25%, 15%)
Oklch
oklch(85.6% 0.061 99.3)

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

#F3E5BE

Goose Yellow · Wheat · Lemon Cream

HEX
#F3E5BE
RGB
rgb(243, 229, 190)
HSL
hsl(44, 69%, 85%)
HSB
hsb(44, 22%, 95%)
CMYK
cmyk(0%, 6%, 22%, 5%)
Oklch
oklch(92.3% 0.053 90.6)

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

#D2CFB0

Fresh Green · Silver · Lemon Cream

HEX
#D2CFB0
RGB
rgb(210, 207, 176)
HSL
hsl(55, 27%, 76%)
HSB
hsb(55, 16%, 82%)
CMYK
cmyk(0%, 1%, 16%, 18%)
Oklch
oklch(84.9% 0.042 102.7)

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

#D36F60

Crimson · Salmon · Passion Red

HEX
#D36F60
RGB
rgb(211, 111, 96)
HSL
hsl(8, 57%, 60%)
HSB
hsb(8, 55%, 83%)
CMYK
cmyk(0%, 47%, 55%, 17%)
Oklch
oklch(65.3% 0.129 29.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#634640

Crimson · DarkOliveGreen · Wine Red

HEX
#634640
RGB
rgb(99, 70, 64)
HSL
hsl(10, 21%, 32%)
HSB
hsb(10, 35%, 39%)
CMYK
cmyk(0%, 29%, 35%, 61%)
Oklch
oklch(42.4% 0.042 32.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D1A3
A4ADDA

Analogous

DAB7A4
D9D1A3
C7DAA4

Triadic

D9D1A3
A4DAD2
D2A4DA

Split-Comp.

D9D1A3
A4C7DA
B7A4DA

Tetradic

D9D1A3
A4DAB7
A4ADDA
DAA4C7

Contrast Matrix WCAG 2.1 Contrast

D9D1A3
F3E5BE
D2CFB0
D36F60
634640
—
1.2
Fail
1.0
Fail
2.2
Fail
5.5
AA
1.2
Fail
—
1.3
Fail
2.7
Fail
6.8
AA
1.0
Fail
1.3
Fail
—
2.1
Fail
5.4
AA
2.2
Fail
2.7
Fail
2.1
Fail
—
2.5
Fail
5.5
AA
6.8
AA
5.4
AA
2.5
Fail
—
White BG
1.5Fail
1.3Fail
1.6Fail
3.4AA Large
8.5AAA
Black BG
13.6AAA
16.8AAA
13.3AAA
6.2AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D5AE
EDEDC7
D1D1B8
A8A764
565641

Deuteranopia

D6D7B1
EEEFCA
D1D1B9
AEB564
585A42

Tritanopia

D9B7B9
F2CFD1
D2BDBF
CE6667
624343

Achromatopsia

CECECE
E5E5E5
CCCCCC
8B8B8B
4E4E4E

Shades & Tints Shades & Tints

#D9D1A3

Dark
Light

#F3E5BE

Dark
Light

#D2CFB0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d1a3;
  --color-2: #f3e5be;
  --color-3: #d2cfb0;
  --color-4: #d36f60;
  --color-5: #634640;
}

SCSS

$color-1: #d9d1a3;
$color-2: #f3e5be;
$color-3: #d2cfb0;
$color-4: #d36f60;
$color-5: #634640;

TAILWIND

colors: {
  'brand-1': '#d9d1a3',
  'brand-2': '#f3e5be',
  'brand-3': '#d2cfb0',
  'brand-4': '#d36f60',
  'brand-5': '#634640',
}

RGB Array

[217, 209, 163], [243, 229, 190], [210, 207, 176], [211, 111, 96], [99, 70, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D9D1A3, #F3E5BE, #D2CFB0, #D36F60, #634640 is ideal for: health products, baby brands, fresh-style blogs, 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: #d9d1a3; --color-2: #f3e5be; --color-3: #d2cfb0; --color-4: #d36f60; --color-5: #634640. 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. 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