← Back to Editor

#DBC0AB · #F7DABA · #FFC3A7 · #FDA091 · #DB897D

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DBC0AB

Apricot · Silver · Peach Orange

HEX
#DBC0AB
RGB
rgb(219, 192, 171)
HSL
hsl(26, 40%, 76%)
HSB
hsb(26, 22%, 86%)
CMYK
cmyk(0%, 12%, 22%, 14%)
Oklch
oklch(82.5% 0.042 60.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F7DABA

Goose Yellow · Wheat · Peach Orange

HEX
#F7DABA
RGB
rgb(247, 218, 186)
HSL
hsl(31, 79%, 85%)
HSB
hsb(31, 25%, 97%)
CMYK
cmyk(0%, 12%, 25%, 3%)
Oklch
oklch(90.4% 0.053 69.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFC3A7

Apricot · LightPink · Peach Orange

HEX
#FFC3A7
RGB
rgb(255, 195, 167)
HSL
hsl(19, 100%, 83%)
HSB
hsb(19, 35%, 100%)
CMYK
cmyk(0%, 24%, 35%, 0%)
Oklch
oklch(86.4% 0.079 46.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FDA091

Peach Pink · LightSalmon · Coral Red

HEX
#FDA091
RGB
rgb(253, 160, 145)
HSL
hsl(8, 96%, 78%)
HSB
hsb(8, 43%, 99%)
CMYK
cmyk(0%, 37%, 43%, 1%)
Oklch
oklch(79.6% 0.114 29.7)

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

#DB897D

Peach Pink · DarkSalmon · Coral Red

HEX
#DB897D
RGB
rgb(219, 137, 125)
HSL
hsl(8, 57%, 67%)
HSB
hsb(8, 43%, 86%)
CMYK
cmyk(0%, 37%, 43%, 14%)
Oklch
oklch(71.2% 0.103 28.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC0AB
A9C5DA

Analogous

DAA9AD
DBC0AB
DAD7A9

Triadic

DBC0AB
A9DABF
BFA9DA

Split-Comp.

DBC0AB
A9DAD7
A9ADDA

Tetradic

DBC0AB
ADDAA9
A9C5DA
D7A9DA

Contrast Matrix WCAG 2.1 Contrast

DBC0AB
F7DABA
FFC3A7
FDA091
DB897D
—
1.3
Fail
1.1
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
White BG
1.7Fail
1.3Fail
1.5Fail
2.0Fail
2.7Fail
Black BG
12.1AAA
15.7AAA
13.6AAA
10.6AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB0
EAEAC2
E5E4AE
D5D495
B7B780

Deuteranopia

D1D3B1
ECEEC4
E9EDAF
DAE196
BCC281

Tritanopia

DAB4B5
F6C8C9
FCB3B4
F89798
D78283

Achromatopsia

C6C6C6
DFDFDF
D2D2D2
BABABA
A0A0A0

Shades & Tints Shades & Tints

#DBC0AB

Dark
Light

#F7DABA

Dark
Light

#FFC3A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc0ab;
  --color-2: #f7daba;
  --color-3: #ffc3a7;
  --color-4: #fda091;
  --color-5: #db897d;
}

SCSS

$color-1: #dbc0ab;
$color-2: #f7daba;
$color-3: #ffc3a7;
$color-4: #fda091;
$color-5: #db897d;

TAILWIND

colors: {
  'brand-1': '#dbc0ab',
  'brand-2': '#f7daba',
  'brand-3': '#ffc3a7',
  'brand-4': '#fda091',
  'brand-5': '#db897d',
}

RGB Array

[219, 192, 171], [247, 218, 186], [255, 195, 167], [253, 160, 145], [219, 137, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBC0AB, #F7DABA, #FFC3A7, #FDA091, #DB897D is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dbc0ab; --color-2: #f7daba; --color-3: #ffc3a7; --color-4: #fda091; --color-5: #db897d. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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