← Back to Editor

#DBD19C · #ACA889 · #C6CE93 · #FFFDF2 · #FFAC8B

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

#DBD19C

Fresh Green · BurlyWood · Sunflower

HEX
#DBD19C
RGB
rgb(219, 209, 156)
HSL
hsl(50, 47%, 74%)
HSB
hsb(50, 29%, 86%)
CMYK
cmyk(0%, 5%, 29%, 14%)
Oklch
oklch(85.6% 0.070 98.7)

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

#ACA889

Fresh Green · DarkGray · Sunflower

HEX
#ACA889
RGB
rgb(172, 168, 137)
HSL
hsl(53, 17%, 61%)
HSB
hsb(53, 20%, 67%)
CMYK
cmyk(0%, 2%, 20%, 33%)
Oklch
oklch(72.7% 0.043 101.3)

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

#C6CE93

Fresh Green · Tan · Sunflower

HEX
#C6CE93
RGB
rgb(198, 206, 147)
HSL
hsl(68, 38%, 69%)
HSB
hsb(68, 29%, 81%)
CMYK
cmyk(4%, 0%, 29%, 19%)
Oklch
oklch(83.1% 0.078 114.4)

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

#FFFDF2

Fresh Green · Snow · Lemon Cream

HEX
#FFFDF2
RGB
rgb(255, 253, 242)
HSL
hsl(51, 100%, 97%)
HSB
hsb(51, 5%, 100%)
CMYK
cmyk(0%, 1%, 5%, 0%)
Oklch
oklch(99.3% 0.015 98.3)

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

#FFAC8B

Apricot · LightSalmon · Peach Orange

HEX
#FFAC8B
RGB
rgb(255, 172, 139)
HSL
hsl(17, 100%, 77%)
HSB
hsb(17, 45%, 100%)
CMYK
cmyk(0%, 33%, 45%, 0%)
Oklch
oklch(81.7% 0.108 42.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD19C
9EA8DC

Analogous

DCB29E
DBD19C
C7DC9E

Triadic

DBD19C
9EDCD1
D19EDC

Split-Comp.

DBD19C
9EC7DC
B29EDC

Tetradic

DBD19C
9EDCB2
9EA8DC
DC9EC7

Contrast Matrix WCAG 2.1 Contrast

DBD19C
ACA889
C6CE93
FFFDF2
FFAC8B
—
1.6
Fail
1.1
Fail
1.5
Fail
1.2
Fail
1.6
Fail
—
1.5
Fail
2.4
Fail
1.3
Fail
1.1
Fail
1.5
Fail
—
1.6
Fail
1.1
Fail
1.5
Fail
2.4
Fail
1.6
Fail
—
1.8
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.8
Fail
—
White BG
1.5Fail
2.4Fail
1.7Fail
1.0Fail
1.8Fail
Black BG
13.6AAA
8.7AAA
12.7AAA
20.6AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7A9
AAAA91
C9CAA1
FEFEF5
DBDA93

Deuteranopia

D7D8AC
ABAB92
C9C8A5
FEFEF5
E0E695

Tritanopia

DAB3B5
AC9698
C6ADAF
FFF7F7
FB999B

Achromatopsia

CECECE
A6A6A6
C5C5C5
FCFCFC
C1C1C1

Shades & Tints Shades & Tints

#DBD19C

Dark
Light

#ACA889

Dark
Light

#C6CE93

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd19c;
  --color-2: #aca889;
  --color-3: #c6ce93;
  --color-4: #fffdf2;
  --color-5: #ffac8b;
}

SCSS

$color-1: #dbd19c;
$color-2: #aca889;
$color-3: #c6ce93;
$color-4: #fffdf2;
$color-5: #ffac8b;

TAILWIND

colors: {
  'brand-1': '#dbd19c',
  'brand-2': '#aca889',
  'brand-3': '#c6ce93',
  'brand-4': '#fffdf2',
  'brand-5': '#ffac8b',
}

RGB Array

[219, 209, 156], [172, 168, 137], [198, 206, 147], [255, 253, 242], [255, 172, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBD19C, #ACA889, #C6CE93, #FFFDF2, #FFAC8B 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: #dbd19c; --color-2: #aca889; --color-3: #c6ce93; --color-4: #fffdf2; --color-5: #ffac8b. 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