#D7366A + #AD959C + #A5C2AF + #ACD3B3 + #C2D7AD · 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

#D7366A

Dark Violet · MediumVioletRed · Rose Pink

HEX

#D7366A

RGB

rgb(215, 54, 106)

HSL

hsl(341, 67%, 53%)

HSB

hsb(341, 75%, 84%)

CMYK

cmyk(0%, 75%, 51%, 16%)

Oklch

oklch(59.2% 0.199 6.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#AD959C

Rouge · DarkGray · Rose Pink

HEX

#AD959C

RGB

rgb(173, 149, 156)

HSL

hsl(343, 13%, 63%)

HSB

hsb(343, 14%, 68%)

CMYK

cmyk(0%, 14%, 10%, 32%)

Oklch

oklch(69.3% 0.030 358.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#A5C2AF

Celadon · DarkGray · Apple Green

HEX

#A5C2AF

RGB

rgb(165, 194, 175)

HSL

hsl(141, 19%, 70%)

HSB

hsb(141, 15%, 76%)

CMYK

cmyk(15%, 0%, 10%, 24%)

Oklch

oklch(78.7% 0.041 156.6)

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

#ACD3B3

Celadon · Silver · Apple Green

HEX

#ACD3B3

RGB

rgb(172, 211, 179)

HSL

hsl(131, 31%, 75%)

HSB

hsb(131, 18%, 83%)

CMYK

cmyk(18%, 0%, 15%, 17%)

Oklch

oklch(83.0% 0.061 150.2)

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

#C2D7AD

Celadon · Silver · Apple Green

HEX

#C2D7AD

RGB

rgb(194, 215, 173)

HSL

hsl(90, 34%, 76%)

HSB

hsb(90, 20%, 84%)

CMYK

cmyk(10%, 0%, 20%, 16%)

Oklch

oklch(85.2% 0.061 129.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7366A

37D7A5

Analogous

D737BA

D7366A

D75437

Triadic

D7366A

6AD737

376AD7

Split-Comp.

D7366A

37D754

37BAD7

Tetradic

D7366A

BAD737

37D7A5

5437D7

Contrast Matrix WCAG 2.1 Contrast

D7366A	AD959C	A5C2AF	ACD3B3	C2D7AD
—	1.6 Fail	2.4 Fail	2.8 Fail	2.9 Fail
1.6 Fail	—	1.4 Fail	1.7 Fail	1.8 Fail
2.4 Fail	1.4 Fail	—	1.2 Fail	1.2 Fail
2.8 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
2.9 Fail	1.8 Fail	1.2 Fail	1.1 Fail	—

White BG

4.5AA

2.8Fail

1.9Fail

1.7Fail

1.5Fail

Black BG

4.6AA

7.6AAA

10.9AAA

12.7AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

91905D

A3A29A

B2B2B4

BDBDBB

CBCBB7

Deuteranopia

9BA75A

A4A69A

B0AEB5

BBB8BD

CAC8BA

Tritanopia

CF5351

AC9999

A6B7B8

AEC1C2

C3BFC1

Achromatopsia

6C6C6C

9D9D9D

B7B7B7

C4C4C4

CCCCCC

Shades & Tints Shades & Tints

#D7366A

Dark

Light

#AD959C

Dark

Light

#A5C2AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7366a;
  --color-2: #ad959c;
  --color-3: #a5c2af;
  --color-4: #acd3b3;
  --color-5: #c2d7ad;
}

SCSS

$color-1: #d7366a;
$color-2: #ad959c;
$color-3: #a5c2af;
$color-4: #acd3b3;
$color-5: #c2d7ad;

TAILWIND

colors: {
  'brand-1': '#d7366a',
  'brand-2': '#ad959c',
  'brand-3': '#a5c2af',
  'brand-4': '#acd3b3',
  'brand-5': '#c2d7ad',
}

RGB Array

[215, 54, 106], [173, 149, 156], [165, 194, 175], [172, 211, 179], [194, 215, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D7366A, #AD959C, #A5C2AF, #ACD3B3, #C2D7AD 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: #d7366a; --color-2: #ad959c; --color-3: #a5c2af; --color-4: #acd3b3; --color-5: #c2d7ad. 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