← Back to Editor

#DFE4AC · #FBD185 · #FAB771 · #FB4544 · #D12D45

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

#DFE4AC

Fresh Green · Wheat · Lemon Cream

HEX
#DFE4AC
RGB
rgb(223, 228, 172)
HSL
hsl(65, 51%, 78%)
HSB
hsb(65, 25%, 89%)
CMYK
cmyk(2%, 0%, 25%, 11%)
Oklch
oklch(90.1% 0.073 112.0)

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

#FBD185

Goose Yellow · Khaki · Warm Sun

HEX
#FBD185
RGB
rgb(251, 209, 133)
HSL
hsl(39, 94%, 75%)
HSB
hsb(39, 47%, 98%)
CMYK
cmyk(0%, 17%, 47%, 2%)
Oklch
oklch(88.1% 0.105 81.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FAB771

Goose Yellow · LightSalmon · Warm Sun

HEX
#FAB771
RGB
rgb(250, 183, 113)
HSL
hsl(31, 93%, 71%)
HSB
hsb(31, 55%, 98%)
CMYK
cmyk(0%, 27%, 55%, 2%)
Oklch
oklch(82.7% 0.117 66.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FB4544

Peach Pink · Tomato · Coral Red

HEX
#FB4544
RGB
rgb(251, 69, 68)
HSL
hsl(0, 96%, 63%)
HSB
hsb(0, 73%, 98%)
CMYK
cmyk(0%, 73%, 73%, 2%)
Oklch
oklch(65.8% 0.219 25.8)

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

#D12D45

Vermilion · Crimson · Passion Red

HEX
#D12D45
RGB
rgb(209, 45, 69)
HSL
hsl(351, 65%, 50%)
HSB
hsb(351, 78%, 82%)
CMYK
cmyk(0%, 78%, 67%, 18%)
Oklch
oklch(56.6% 0.198 19.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFE4AC
AFAAE4

Analogous

E4CCAA
DFE4AC
C2E4AA

Triadic

DFE4AC
AADFE4
E4AADF

Split-Comp.

DFE4AC
AAC2E4
CCAAE4

Tetradic

DFE4AC
AAE4CC
AFAAE4
E4AAC2

Contrast Matrix WCAG 2.1 Contrast

DFE4AC
FBD185
FAB771
FB4544
D12D45
—
1.1
Fail
1.3
Fail
2.6
Fail
3.8
AA Large
1.1
Fail
—
1.2
Fail
2.4
Fail
3.5
AA Large
1.3
Fail
1.2
Fail
—
2.0
Fail
2.9
Fail
2.6
Fail
2.4
Fail
2.0
Fail
—
1.4
Fail
3.8
AA Large
3.5
AA Large
2.9
Fail
1.4
Fail
—
White BG
1.3Fail
1.4Fail
1.7Fail
3.5AA Large
5.0AA
Black BG
15.8AAA
14.6AAA
12.1AAA
6.0AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1BA
E9E897
DDDC82
ACAB44
8A893F

Deuteranopia

E1E1BD
EBEE9C
E1E686
B7C444
94A03E

Tritanopia

DFC4C7
F9A6A9
F78F92
F24444
C93B3A

Achromatopsia

DCDCDC
D5D5D5
C3C3C3
7B7B7B
616161

Shades & Tints Shades & Tints

#DFE4AC

Dark
Light

#FBD185

Dark
Light

#FAB771

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfe4ac;
  --color-2: #fbd185;
  --color-3: #fab771;
  --color-4: #fb4544;
  --color-5: #d12d45;
}

SCSS

$color-1: #dfe4ac;
$color-2: #fbd185;
$color-3: #fab771;
$color-4: #fb4544;
$color-5: #d12d45;

TAILWIND

colors: {
  'brand-1': '#dfe4ac',
  'brand-2': '#fbd185',
  'brand-3': '#fab771',
  'brand-4': '#fb4544',
  'brand-5': '#d12d45',
}

RGB Array

[223, 228, 172], [251, 209, 133], [250, 183, 113], [251, 69, 68], [209, 45, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DFE4AC, #FBD185, #FAB771, #FB4544, #D12D45 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: #dfe4ac; --color-2: #fbd185; --color-3: #fab771; --color-4: #fb4544; --color-5: #d12d45. 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