#DED19A + #D5A68C + #9A5268 + #BF7479 + #FF8691 · 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

#DED19A

Goose Yellow · Khaki · Sunflower

HEX

#DED19A

RGB

rgb(222, 209, 154)

HSL

hsl(49, 51%, 74%)

HSB

hsb(49, 31%, 87%)

CMYK

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

Oklch

oklch(85.8% 0.073 96.4)

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

#D5A68C

Apricot · Tan · Warm Sun

HEX

#D5A68C

RGB

rgb(213, 166, 140)

HSL

hsl(21, 46%, 69%)

HSB

hsb(21, 34%, 84%)

CMYK

cmyk(0%, 22%, 34%, 16%)

Oklch

oklch(76.2% 0.066 50.3)

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

#9A5268

Dark Violet · DimGray · Camellia

HEX

#9A5268

RGB

rgb(154, 82, 104)

HSL

hsl(342, 31%, 46%)

HSB

hsb(342, 47%, 60%)

CMYK

cmyk(0%, 47%, 32%, 40%)

Oklch

oklch(53.1% 0.099 1.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#BF7479

Crimson · LightCoral · Passion Red

HEX

#BF7479

RGB

rgb(191, 116, 121)

HSL

hsl(356, 37%, 60%)

HSB

hsb(356, 39%, 75%)

CMYK

cmyk(0%, 39%, 37%, 25%)

Oklch

oklch(64.1% 0.095 15.8)

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

#FF8691

Peach Pink · LightCoral · Coral Red

HEX

#FF8691

RGB

rgb(255, 134, 145)

HSL

hsl(355, 100%, 76%)

HSB

hsb(355, 47%, 100%)

CMYK

cmyk(0%, 47%, 43%, 0%)

Oklch

oklch(75.7% 0.147 15.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED19A

9BA7DF

Analogous

DFB09B

DED19A

C9DF9B

Triadic

DED19A

9BDFD2

D29BDF

Split-Comp.

DED19A

9BC9DF

B09BDF

Tetradic

DED19A

9BDFB0

9BA7DF

DF9BC9

Contrast Matrix WCAG 2.1 Contrast

DED19A	D5A68C	9A5268	BF7479	FF8691
—	1.4 Fail	3.6 AA Large	2.3 Fail	1.5 Fail
1.4 Fail	—	2.6 Fail	1.6 Fail	1.1 Fail
3.6 AA Large	2.6 Fail	—	1.6 Fail	2.4 Fail
2.3 Fail	1.6 Fail	1.6 Fail	—	1.5 Fail
1.5 Fail	1.1 Fail	2.4 Fail	1.5 Fail	—

White BG

1.5Fail

2.2Fail

5.6AA

3.5AA Large

2.3Fail

Black BG

13.7AAA

9.7AAA

3.8AA Large

6.0AA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8A7

C1C092

7B7A63

9F9E78

CBCA8E

Deuteranopia

D9DAAB

C3C794

7F8461

A3A977

D2DB8E

Tritanopia

DDB2B4

D39798

965E5E

BB7777

F98C8C

Achromatopsia

CFCFCF

B1B1B1

6A6A6A

8B8B8B

ABABAB

Shades & Tints Shades & Tints

#DED19A

Dark

Light

#D5A68C

Dark

Light

#9A5268

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded19a;
  --color-2: #d5a68c;
  --color-3: #9a5268;
  --color-4: #bf7479;
  --color-5: #ff8691;
}

SCSS

$color-1: #ded19a;
$color-2: #d5a68c;
$color-3: #9a5268;
$color-4: #bf7479;
$color-5: #ff8691;

TAILWIND

colors: {
  'brand-1': '#ded19a',
  'brand-2': '#d5a68c',
  'brand-3': '#9a5268',
  'brand-4': '#bf7479',
  'brand-5': '#ff8691',
}

RGB Array

[222, 209, 154], [213, 166, 140], [154, 82, 104], [191, 116, 121], [255, 134, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DED19A, #D5A68C, #9A5268, #BF7479, #FF8691 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: #ded19a; --color-2: #d5a68c; --color-3: #9a5268; --color-4: #bf7479; --color-5: #ff8691. 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