← Back to Editor

#A2C7A8 · #D0CB91 · #FCD4A1 · #F5B494 · #E1A066

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

#A2C7A8

Celadon · DarkGray · Apple Green

HEX
#A2C7A8
RGB
rgb(162, 199, 168)
HSL
hsl(130, 25%, 71%)
HSB
hsb(130, 19%, 78%)
CMYK
cmyk(19%, 0%, 16%, 22%)
Oklch
oklch(79.4% 0.059 149.6)

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

#D0CB91

Fresh Green · Tan · Sunflower

HEX
#D0CB91
RGB
rgb(208, 203, 145)
HSL
hsl(55, 40%, 69%)
HSB
hsb(55, 30%, 82%)
CMYK
cmyk(0%, 2%, 30%, 18%)
Oklch
oklch(83.2% 0.076 103.8)

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

#FCD4A1

Goose Yellow · Wheat · Peach Orange

HEX
#FCD4A1
RGB
rgb(252, 212, 161)
HSL
hsl(34, 94%, 81%)
HSB
hsb(34, 36%, 99%)
CMYK
cmyk(0%, 16%, 36%, 1%)
Oklch
oklch(89.2% 0.080 73.3)

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

#F5B494

Apricot · BurlyWood · Peach Orange

HEX
#F5B494
RGB
rgb(245, 180, 148)
HSL
hsl(20, 83%, 77%)
HSB
hsb(20, 40%, 96%)
CMYK
cmyk(0%, 27%, 40%, 4%)
Oklch
oklch(82.3% 0.088 47.3)

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

#E1A066

Apricot · SandyBrown · Warm Sun

HEX
#E1A066
RGB
rgb(225, 160, 102)
HSL
hsl(28, 67%, 64%)
HSB
hsb(28, 55%, 88%)
CMYK
cmyk(0%, 29%, 55%, 12%)
Oklch
oklch(75.6% 0.107 61.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2C7A8
C8A3C1

Analogous

AFC8A3
A2C7A8
A3C8BB

Triadic

A2C7A8
A9A3C8
C8A9A3

Split-Comp.

A2C7A8
BBA3C8
C8A3AF

Tetradic

A2C7A8
A3AFC8
C8A3C1
C8BBA3

Contrast Matrix WCAG 2.1 Contrast

A2C7A8
D0CB91
FCD4A1
F5B494
E1A066
—
1.1
Fail
1.3
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.2
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
White BG
1.9Fail
1.7Fail
1.4Fail
1.8Fail
2.2Fail
Black BG
11.3AAA
12.6AAA
15.1AAA
11.8AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B2B0
CECE9F
EBEAAD
D9D89C
C5C474

Deuteranopia

B0ADB1
CECFA2
EDF0B0
DDE29E
C9CE77

Tritanopia

A4B5B7
D0AAAD
FAB7B9
F2A2A3
DE7F82

Achromatopsia

B8B8B8
C6C6C6
DADADA
C4C4C4
ADADAD

Shades & Tints Shades & Tints

#A2C7A8

Dark
Light

#D0CB91

Dark
Light

#FCD4A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2c7a8;
  --color-2: #d0cb91;
  --color-3: #fcd4a1;
  --color-4: #f5b494;
  --color-5: #e1a066;
}

SCSS

$color-1: #a2c7a8;
$color-2: #d0cb91;
$color-3: #fcd4a1;
$color-4: #f5b494;
$color-5: #e1a066;

TAILWIND

colors: {
  'brand-1': '#a2c7a8',
  'brand-2': '#d0cb91',
  'brand-3': '#fcd4a1',
  'brand-4': '#f5b494',
  'brand-5': '#e1a066',
}

RGB Array

[162, 199, 168], [208, 203, 145], [252, 212, 161], [245, 180, 148], [225, 160, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A2C7A8, #D0CB91, #FCD4A1, #F5B494, #E1A066 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: #a2c7a8; --color-2: #d0cb91; --color-3: #fcd4a1; --color-4: #f5b494; --color-5: #e1a066. 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