#DF5D75 + #B9C190 + #EEDBA0 + #CAAF91 + #A7717E · 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

#DF5D75

Peach Pink · LightCoral · Coral Red

HEX

#DF5D75

RGB

rgb(223, 93, 117)

HSL

hsl(349, 67%, 62%)

HSB

hsb(349, 58%, 87%)

CMYK

cmyk(0%, 58%, 48%, 13%)

Oklch

oklch(64.9% 0.163 11.5)

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

#B9C190

Willow Green · Tan · Apple Green

HEX

#B9C190

RGB

rgb(185, 193, 144)

HSL

hsl(70, 28%, 66%)

HSB

hsb(70, 25%, 76%)

CMYK

cmyk(4%, 0%, 25%, 24%)

Oklch

oklch(79.2% 0.067 115.5)

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

#EEDBA0

Goose Yellow · Wheat · Lemon Cream

HEX

#EEDBA0

RGB

rgb(238, 219, 160)

HSL

hsl(45, 70%, 78%)

HSB

hsb(45, 33%, 93%)

CMYK

cmyk(0%, 8%, 33%, 7%)

Oklch

oklch(89.3% 0.079 92.3)

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

#CAAF91

Ginger · Tan · Warm Sun

HEX

#CAAF91

RGB

rgb(202, 175, 145)

HSL

hsl(32, 35%, 68%)

HSB

hsb(32, 28%, 79%)

CMYK

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

Oklch

oklch(77.0% 0.052 69.9)

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

#A7717E

Crimson · Gray · Passion Red

HEX

#A7717E

RGB

rgb(167, 113, 126)

HSL

hsl(346, 23%, 55%)

HSB

hsb(346, 32%, 65%)

CMYK

cmyk(0%, 32%, 25%, 35%)

Oklch

oklch(60.8% 0.070 3.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DF5D75

5DDFC7

Analogous

DF5DB6

DF5D75

DF865D

Triadic

DF5D75

75DF5D

5D75DF

Split-Comp.

DF5D75

5DDF86

5DB6DF

Tetradic

DF5D75

B6DF5D

5DDFC7

865DDF

Contrast Matrix WCAG 2.1 Contrast

DF5D75	B9C190	EEDBA0	CAAF91	A7717E
—	1.9 Fail	2.6 Fail	1.7 Fail	1.1 Fail
1.9 Fail	—	1.4 Fail	1.1 Fail	2.1 Fail
2.6 Fail	1.4 Fail	—	1.5 Fail	2.9 Fail
1.7 Fail	1.1 Fail	1.5 Fail	—	1.9 Fail
1.1 Fail	2.1 Fail	2.9 Fail	1.9 Fail	—

White BG

3.5AA Large

1.9Fail

1.4Fail

2.1Fail

4.0AA Large

Black BG

6.0AA

11.1AAA

15.3AAA

10.1AAA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A66F

BCBD9C

E6E6AE

BEBE98

908F7B

Deuteranopia

AEB86E

BCBB9F

E7E8B2

C0C29A

93977A

Tritanopia

D96B6A

B9A5A7

EDBABC

C99E9F

A47878

Achromatopsia

878787

B9B9B9

DADADA

B4B4B4

838383

Shades & Tints Shades & Tints

#DF5D75

Dark

Light

#B9C190

Dark

Light

#EEDBA0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #df5d75;
  --color-2: #b9c190;
  --color-3: #eedba0;
  --color-4: #caaf91;
  --color-5: #a7717e;
}

SCSS

$color-1: #df5d75;
$color-2: #b9c190;
$color-3: #eedba0;
$color-4: #caaf91;
$color-5: #a7717e;

TAILWIND

colors: {
  'brand-1': '#df5d75',
  'brand-2': '#b9c190',
  'brand-3': '#eedba0',
  'brand-4': '#caaf91',
  'brand-5': '#a7717e',
}

RGB Array

[223, 93, 117], [185, 193, 144], [238, 219, 160], [202, 175, 145], [167, 113, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DF5D75, #B9C190, #EEDBA0, #CAAF91, #A7717E 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: #df5d75; --color-2: #b9c190; --color-3: #eedba0; --color-4: #caaf91; --color-5: #a7717e. 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