#FFD0C6 + #F6BEAD + #D2B2AD + #B5D2C6 + #D9DDCF · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FFD0C6

Peach Pink · Pink · Cherry Blossom

HEX

#FFD0C6

RGB

rgb(255, 208, 198)

HSL

hsl(11, 100%, 89%)

HSB

hsb(11, 22%, 100%)

CMYK

cmyk(0%, 18%, 22%, 0%)

Oklch

oklch(89.6% 0.055 32.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F6BEAD

Peach Pink · LightPink · Cherry Blossom

HEX

#F6BEAD

RGB

rgb(246, 190, 173)

HSL

hsl(14, 80%, 82%)

HSB

hsb(14, 30%, 96%)

CMYK

cmyk(0%, 23%, 30%, 4%)

Oklch

oklch(84.8% 0.069 37.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D2B2AD

Peach Pink · Silver · Coral Red

HEX

#D2B2AD

RGB

rgb(210, 178, 173)

HSL

hsl(8, 29%, 75%)

HSB

hsb(8, 18%, 82%)

CMYK

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

Oklch

oklch(79.0% 0.038 28.4)

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

#B5D2C6

Jade · Silver · Apple Green

HEX

#B5D2C6

RGB

rgb(181, 210, 198)

HSL

hsl(155, 24%, 77%)

HSB

hsb(155, 14%, 82%)

CMYK

cmyk(14%, 0%, 6%, 18%)

Oklch

oklch(83.9% 0.035 168.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#D9DDCF

Willow Green · LightGray · Mint Green

HEX

#D9DDCF

RGB

rgb(217, 221, 207)

HSL

hsl(77, 17%, 84%)

HSB

hsb(77, 6%, 87%)

CMYK

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

Oklch

oklch(89.1% 0.019 119.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD0C6

C7F5FF

Analogous

FFC7D9

FFD0C6

FFEDC7

Triadic

FFD0C6

C7FFD1

D1C7FF

Split-Comp.

FFD0C6

C7FFED

C7D9FF

Tetradic

FFD0C6

D9FFC7

C7F5FF

EDC7FF

Contrast Matrix WCAG 2.1 Contrast

FFD0C6	F6BEAD	D2B2AD	B5D2C6	D9DDCF
—	1.2 Fail	1.4 Fail	1.2 Fail	1.0 Fail
1.2 Fail	—	1.2 Fail	1.0 Fail	1.2 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.2 Fail	1.0 Fail	1.2 Fail	—	1.2 Fail
1.0 Fail	1.2 Fail	1.4 Fail	1.2 Fail	—

White BG

1.4Fail

1.6Fail

2.0Fail

1.6Fail

1.4Fail

Black BG

15.1AAA

12.9AAA

10.7AAA

13.0AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEAC8

DEDDB1

C4C4AE

C2C2C9

DBDBD2

Deuteranopia

EDF1C9

E1E5B2

C6C8AF

C0BECA

DBDAD3

Tritanopia

FDCACB

F3B4B5

D0AFAF

B6CBCC

D9D5D6

Achromatopsia

DDDDDD

CDCDCD

BBBBBB

C8C8C8

DADADA

Shades & Tints Shades & Tints

#FFD0C6

Dark

Light

#F6BEAD

Dark

Light

#D2B2AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd0c6;
  --color-2: #f6bead;
  --color-3: #d2b2ad;
  --color-4: #b5d2c6;
  --color-5: #d9ddcf;
}

SCSS

$color-1: #ffd0c6;
$color-2: #f6bead;
$color-3: #d2b2ad;
$color-4: #b5d2c6;
$color-5: #d9ddcf;

TAILWIND

colors: {
  'brand-1': '#ffd0c6',
  'brand-2': '#f6bead',
  'brand-3': '#d2b2ad',
  'brand-4': '#b5d2c6',
  'brand-5': '#d9ddcf',
}

RGB Array

[255, 208, 198], [246, 190, 173], [210, 178, 173], [181, 210, 198], [217, 221, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFD0C6, #F6BEAD, #D2B2AD, #B5D2C6, #D9DDCF 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: #ffd0c6; --color-2: #f6bead; --color-3: #d2b2ad; --color-4: #b5d2c6; --color-5: #d9ddcf. 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