← Back to Editor

#ADC7A0 · #D5C887 · #DEA94F · #F0884F · #F56056

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

#ADC7A0

Celadon · DarkGray · Apple Green

HEX
#ADC7A0
RGB
rgb(173, 199, 160)
HSL
hsl(100, 26%, 70%)
HSB
hsb(100, 20%, 78%)
CMYK
cmyk(13%, 0%, 20%, 22%)
Oklch
oklch(80.0% 0.061 135.2)

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

#D5C887

Fresh Green · BurlyWood · Sunflower

HEX
#D5C887
RGB
rgb(213, 200, 135)
HSL
hsl(50, 48%, 68%)
HSB
hsb(50, 37%, 84%)
CMYK
cmyk(0%, 6%, 37%, 16%)
Oklch
oklch(82.8% 0.085 98.3)

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

#DEA94F

Ginger · SandyBrown · Warm Sun

HEX
#DEA94F
RGB
rgb(222, 169, 79)
HSL
hsl(38, 68%, 59%)
HSB
hsb(38, 64%, 87%)
CMYK
cmyk(0%, 24%, 64%, 13%)
Oklch
oklch(76.7% 0.123 78.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F0884F

Apricot · Coral · Warm Sun

HEX
#F0884F
RGB
rgb(240, 136, 79)
HSL
hsl(21, 84%, 63%)
HSB
hsb(21, 67%, 94%)
CMYK
cmyk(0%, 43%, 67%, 6%)
Oklch
oklch(72.9% 0.146 47.9)

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

#F56056

Peach Pink · Tomato · Coral Red

HEX
#F56056
RGB
rgb(245, 96, 86)
HSL
hsl(4, 89%, 65%)
HSB
hsb(4, 65%, 96%)
CMYK
cmyk(0%, 61%, 65%, 4%)
Oklch
oklch(67.9% 0.185 26.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADC7A0
B99FC6

Analogous

C0C69F
ADC7A0
9FC6A5

Triadic

ADC7A0
9FACC6
C69FAC

Split-Comp.

ADC7A0
A59FC6
C69FC0

Tetradic

ADC7A0
9FC0C6
B99FC6
C6A59F

Contrast Matrix WCAG 2.1 Contrast

ADC7A0
D5C887
DEA94F
F0884F
F56056
—
1.1
Fail
1.2
Fail
1.4
Fail
1.7
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
1.2
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
1.8Fail
1.7Fail
2.1Fail
2.5Fail
3.1AA Large
Black BG
11.5AAA
12.4AAA
9.9AAA
8.3AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8A9
CFCF97
C7C765
C3C25D
B4B358

Deuteranopia

B7B5AC
D0D19B
CACE6A
C9D160
BDC859

Tritanopia

AEB1B3
D4A3A6
DB767A
EB686A
EE5A5B

Achromatopsia

BBBBBB
C4C4C4
AFAFAF
A1A1A1
8B8B8B

Shades & Tints Shades & Tints

#ADC7A0

Dark
Light

#D5C887

Dark
Light

#DEA94F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adc7a0;
  --color-2: #d5c887;
  --color-3: #dea94f;
  --color-4: #f0884f;
  --color-5: #f56056;
}

SCSS

$color-1: #adc7a0;
$color-2: #d5c887;
$color-3: #dea94f;
$color-4: #f0884f;
$color-5: #f56056;

TAILWIND

colors: {
  'brand-1': '#adc7a0',
  'brand-2': '#d5c887',
  'brand-3': '#dea94f',
  'brand-4': '#f0884f',
  'brand-5': '#f56056',
}

RGB Array

[173, 199, 160], [213, 200, 135], [222, 169, 79], [240, 136, 79], [245, 96, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ADC7A0, #D5C887, #DEA94F, #F0884F, #F56056 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #adc7a0; --color-2: #d5c887; --color-3: #dea94f; --color-4: #f0884f; --color-5: #f56056. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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