#D6B39F + #A09194 + #DED1CB + #F59944 + #F3D090 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D6B39F

Apricot · Tan · Warm Sun

HEX

#D6B39F

RGB

rgb(214, 179, 159)

HSL

hsl(22, 40%, 73%)

HSB

hsb(22, 26%, 84%)

CMYK

cmyk(0%, 16%, 26%, 16%)

Oklch

oklch(79.2% 0.049 51.4)

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

#A09194

Ash · DarkGray · Silver Sand

HEX

#A09194

RGB

rgb(160, 145, 148)

HSL

hsl(348, 7%, 60%)

HSB

hsb(348, 9%, 63%)

CMYK

cmyk(0%, 9%, 7%, 37%)

Oklch

oklch(67.1% 0.018 3.9)

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

#DED1CB

Apricot · LightGray · Peach Orange

HEX

#DED1CB

RGB

rgb(222, 209, 203)

HSL

hsl(19, 22%, 83%)

HSB

hsb(19, 9%, 87%)

CMYK

cmyk(0%, 6%, 9%, 13%)

Oklch

oklch(87.0% 0.017 46.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F59944

Apricot · SandyBrown · Warm Sun

HEX

#F59944

RGB

rgb(245, 153, 68)

HSL

hsl(29, 90%, 61%)

HSB

hsb(29, 72%, 96%)

CMYK

cmyk(0%, 38%, 72%, 4%)

Oklch

oklch(76.3% 0.147 60.0)

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

#F3D090

Goose Yellow · Khaki · Peach Orange

HEX

#F3D090

RGB

rgb(243, 208, 144)

HSL

hsl(39, 80%, 76%)

HSB

hsb(39, 41%, 95%)

CMYK

cmyk(0%, 14%, 41%, 5%)

Oklch

oklch(87.3% 0.090 82.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6B39F

9FC1D6

Analogous

D69FA6

D6B39F

D6CE9F

Triadic

D6B39F

9FD6B3

B39FD6

Split-Comp.

D6B39F

9FD6CE

9FA6D6

Tetradic

D6B39F

A6D69F

9FC1D6

CE9FD6

Contrast Matrix WCAG 2.1 Contrast

D6B39F	A09194	DED1CB	F59944	F3D090
—	1.6 Fail	1.3 Fail	1.1 Fail	1.3 Fail
1.6 Fail	—	2.0 Fail	1.4 Fail	2.0 Fail
1.3 Fail	2.0 Fail	—	1.5 Fail	1.0 Fail
1.1 Fail	1.4 Fail	1.5 Fail	—	1.5 Fail
1.3 Fail	2.0 Fail	1.0 Fail	1.5 Fail	—

White BG

1.9Fail

3.0AA Large

1.5Fail

2.2Fail

1.5Fail

Black BG

10.8AAA

7.0AA

14.1AAA

9.5AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7A4

9A9993

D8D8CC

CDCC59

E4E49F

Deuteranopia

C9CBA5

9A9C93

D9DACD

D3D95E

E6E9A3

Tritanopia

D4A8A9

9F9393

DDCECE

F0696C

F1ACAE

Achromatopsia

BBBBBB

969696

D4D4D4

ABABAB

D3D3D3

Shades & Tints Shades & Tints

#D6B39F

Dark

Light

#A09194

Dark

Light

#DED1CB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6b39f;
  --color-2: #a09194;
  --color-3: #ded1cb;
  --color-4: #f59944;
  --color-5: #f3d090;
}

SCSS

$color-1: #d6b39f;
$color-2: #a09194;
$color-3: #ded1cb;
$color-4: #f59944;
$color-5: #f3d090;

TAILWIND

colors: {
  'brand-1': '#d6b39f',
  'brand-2': '#a09194',
  'brand-3': '#ded1cb',
  'brand-4': '#f59944',
  'brand-5': '#f3d090',
}

RGB Array

[214, 179, 159], [160, 145, 148], [222, 209, 203], [245, 153, 68], [243, 208, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D6B39F, #A09194, #DED1CB, #F59944, #F3D090 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: #d6b39f; --color-2: #a09194; --color-3: #ded1cb; --color-4: #f59944; --color-5: #f3d090. 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