#D5C5AE + #D3A888 + #D28662 + #706259 + #84938E · 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

#D5C5AE

Goose Yellow · Silver · Peach Orange

HEX

#D5C5AE

RGB

rgb(213, 197, 174)

HSL

hsl(35, 32%, 76%)

HSB

hsb(35, 18%, 84%)

CMYK

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

Oklch

oklch(83.1% 0.036 77.0)

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

#D3A888

Apricot · Tan · Warm Sun

HEX

#D3A888

RGB

rgb(211, 168, 136)

HSL

hsl(26, 46%, 68%)

HSB

hsb(26, 36%, 83%)

CMYK

cmyk(0%, 20%, 36%, 17%)

Oklch

oklch(76.3% 0.067 58.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D28662

Tangerine · DarkSalmon · Warm Sun

HEX

#D28662

RGB

rgb(210, 134, 98)

HSL

hsl(19, 55%, 60%)

HSB

hsb(19, 53%, 82%)

CMYK

cmyk(0%, 36%, 53%, 18%)

Oklch

oklch(69.1% 0.106 45.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#706259

Tangerine · DimGray · Amber Brown

HEX

#706259

RGB

rgb(112, 98, 89)

HSL

hsl(23, 11%, 39%)

HSB

hsb(23, 21%, 44%)

CMYK

cmyk(0%, 13%, 21%, 56%)

Oklch

oklch(50.7% 0.023 54.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#84938E

Ash · LightSlateGray · Warm Gray

HEX

#84938E

RGB

rgb(132, 147, 142)

HSL

hsl(160, 6%, 55%)

HSB

hsb(160, 10%, 58%)

CMYK

cmyk(10%, 0%, 3%, 42%)

Oklch

oklch(65.0% 0.019 173.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5C5AE

AEBFD5

Analogous

D5B1AE

D5C5AE

D2D5AE

Triadic

D5C5AE

AED5C5

C5AED5

Split-Comp.

D5C5AE

AED2D5

B1AED5

Tetradic

D5C5AE

AED5B1

AEBFD5

D5AED2

Contrast Matrix WCAG 2.1 Contrast

D5C5AE	D3A888	D28662	706259	84938E
—	1.3 Fail	1.7 Fail	3.5 AA Large	1.9 Fail
1.3 Fail	—	1.3 Fail	2.7 Fail	1.5 Fail
1.7 Fail	1.3 Fail	—	2.0 Fail	1.1 Fail
3.5 AA Large	2.7 Fail	2.0 Fail	—	1.8 Fail
1.9 Fail	1.5 Fail	1.1 Fail	1.8 Fail	—

White BG

1.7Fail

2.2Fail

2.9Fail

5.9AA

3.2AA Large

Black BG

12.4AAA

9.7AAA

7.3AAA

3.6AA Large

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB4

C0C090

B1B06B

6A6A5B

8A8B8F

Deuteranopia

CFD0B5

C3C692

B6BB6D

6B6C5C

8A8990

Tritanopia

D4B8B9

D19697

CE7273

6F5D5D

859090

Achromatopsia

C7C7C7

B1B1B1

999999

656565

8E8E8E

Shades & Tints Shades & Tints

#D5C5AE

Dark

Light

#D3A888

Dark

Light

#D28662

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5c5ae;
  --color-2: #d3a888;
  --color-3: #d28662;
  --color-4: #706259;
  --color-5: #84938e;
}

SCSS

$color-1: #d5c5ae;
$color-2: #d3a888;
$color-3: #d28662;
$color-4: #706259;
$color-5: #84938e;

TAILWIND

colors: {
  'brand-1': '#d5c5ae',
  'brand-2': '#d3a888',
  'brand-3': '#d28662',
  'brand-4': '#706259',
  'brand-5': '#84938e',
}

RGB Array

[213, 197, 174], [211, 168, 136], [210, 134, 98], [112, 98, 89], [132, 147, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D5C5AE, #D3A888, #D28662, #706259, #84938E is ideal for: corporate websites, product showcases, portfolios. 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: #d5c5ae; --color-2: #d3a888; --color-3: #d28662; --color-4: #706259; --color-5: #84938e. 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. 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