#D64959 + #ED937D + #FAFAC3 + #CDC79C + #A48E67 · 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

#D64959

Vermilion · Tomato · Passion Red

HEX

#D64959

RGB

rgb(214, 73, 89)

HSL

hsl(353, 63%, 56%)

HSB

hsb(353, 66%, 84%)

CMYK

cmyk(0%, 66%, 58%, 16%)

Oklch

oklch(60.5% 0.176 17.6)

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

#ED937D

Peach Pink · DarkSalmon · Coral Red

HEX

#ED937D

RGB

rgb(237, 147, 125)

HSL

hsl(12, 76%, 71%)

HSB

hsb(12, 47%, 93%)

CMYK

cmyk(0%, 38%, 47%, 7%)

Oklch

oklch(75.1% 0.114 34.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FAFAC3

Fresh Green · Bisque · Lemon Cream

HEX

#FAFAC3

RGB

rgb(250, 250, 195)

HSL

hsl(60, 85%, 87%)

HSB

hsb(60, 22%, 98%)

CMYK

cmyk(0%, 0%, 22%, 2%)

Oklch

oklch(97.2% 0.071 107.6)

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

#CDC79C

Fresh Green · Tan · Sunflower

HEX

#CDC79C

RGB

rgb(205, 199, 156)

HSL

hsl(53, 33%, 71%)

HSB

hsb(53, 24%, 80%)

CMYK

cmyk(0%, 3%, 24%, 20%)

Oklch

oklch(82.4% 0.058 100.9)

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

#A48E67

Ginger · Gray · Warm Sun

HEX

#A48E67

RGB

rgb(164, 142, 103)

HSL

hsl(38, 25%, 52%)

HSB

hsb(38, 37%, 64%)

CMYK

cmyk(0%, 13%, 37%, 36%)

Oklch

oklch(65.7% 0.060 81.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D64959

48D5C5

Analogous

D5489F

D64959

D57E48

Triadic

D64959

59D548

4859D5

Split-Comp.

D64959

48D57E

489FD5

Tetradic

D64959

9FD548

48D5C5

7E48D5

Contrast Matrix WCAG 2.1 Contrast

D64959	ED937D	FAFAC3	CDC79C	A48E67
—	1.8 Fail	3.9 AA Large	2.5 Fail	1.3 Fail
1.8 Fail	—	2.2 Fail	1.4 Fail	1.4 Fail
3.9 AA Large	2.2 Fail	—	1.6 Fail	2.9 Fail
2.5 Fail	1.4 Fail	1.6 Fail	—	1.8 Fail
1.3 Fail	1.4 Fail	2.9 Fail	1.8 Fail	—

White BG

4.2AA Large

2.3Fail

1.1Fail

1.7Fail

3.2AA Large

Black BG

5.0AA

9.1AAA

19.5AAA

12.2AAA

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999855

C6C582

FAFAD0

CACAA6

9A9A70

Deuteranopia

A1AC54

CBD284

FAFAD4

CBCBA9

9C9D73

Tritanopia

CF5251

E88787

FADBDD

CDAFB0

A3787A

Achromatopsia

757575

ABABAB

F4F4F4

C4C4C4

909090

Shades & Tints Shades & Tints

#D64959

Dark

Light

#ED937D

Dark

Light

#FAFAC3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d64959;
  --color-2: #ed937d;
  --color-3: #fafac3;
  --color-4: #cdc79c;
  --color-5: #a48e67;
}

SCSS

$color-1: #d64959;
$color-2: #ed937d;
$color-3: #fafac3;
$color-4: #cdc79c;
$color-5: #a48e67;

TAILWIND

colors: {
  'brand-1': '#d64959',
  'brand-2': '#ed937d',
  'brand-3': '#fafac3',
  'brand-4': '#cdc79c',
  'brand-5': '#a48e67',
}

RGB Array

[214, 73, 89], [237, 147, 125], [250, 250, 195], [205, 199, 156], [164, 142, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D64959, #ED937D, #FAFAC3, #CDC79C, #A48E67 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: #d64959; --color-2: #ed937d; --color-3: #fafac3; --color-4: #cdc79c; --color-5: #a48e67. 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