← Back to Editor

#ECDA3A · #FFBCDB · #EB7AD2 · #FAF0CC · #7AC4CF

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#ECDA3A

Autumn Sage · Gold · Sunflower

HEX
#ECDA3A
RGB
rgb(236, 218, 58)
HSL
hsl(54, 82%, 58%)
HSB
hsb(54, 75%, 93%)
CMYK
cmyk(0%, 8%, 75%, 7%)
Oklch
oklch(87.7% 0.168 102.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FFBCDB

Rouge · Pink · Cherry Blossom

HEX
#FFBCDB
RGB
rgb(255, 188, 219)
HSL
hsl(332, 100%, 87%)
HSB
hsb(332, 26%, 100%)
CMYK
cmyk(0%, 26%, 14%, 0%)
Oklch
oklch(86.5% 0.086 349.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EB7AD2

Mauve · Orchid · Lilac Purple

HEX
#EB7AD2
RGB
rgb(235, 122, 210)
HSL
hsl(313, 74%, 70%)
HSB
hsb(313, 48%, 92%)
CMYK
cmyk(0%, 48%, 11%, 8%)
Oklch
oklch(73.5% 0.174 336.2)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#FAF0CC

Goose Yellow · Bisque · Lemon Cream

HEX
#FAF0CC
RGB
rgb(250, 240, 204)
HSL
hsl(47, 82%, 89%)
HSB
hsb(47, 18%, 98%)
CMYK
cmyk(0%, 4%, 18%, 2%)
Oklch
oklch(95.4% 0.048 94.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#7AC4CF

Sky Blue · SkyBlue · Lake Green

HEX
#7AC4CF
RGB
rgb(122, 196, 207)
HSL
hsl(188, 47%, 65%)
HSB
hsb(188, 41%, 81%)
CMYK
cmyk(41%, 5%, 0%, 19%)
Oklch
oklch(77.6% 0.075 207.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECDA3A
3C4EEC

Analogous

EC823C
ECDA3A
A5EC3C

Triadic

ECDA3A
3CECDA
DA3CEC

Split-Comp.

ECDA3A
3CA5EC
823CEC

Tetradic

ECDA3A
3CEC82
3C4EEC
EC3CA5

Contrast Matrix WCAG 2.1 Contrast

ECDA3A
FFBCDB
EB7AD2
FAF0CC
7AC4CF
—
1.1
Fail
1.8
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.6
Fail
1.4
Fail
1.3
Fail
1.8
Fail
1.6
Fail
—
2.2
Fail
1.3
Fail
1.3
Fail
1.4
Fail
2.2
Fail
—
1.7
Fail
1.4
Fail
1.3
Fail
1.3
Fail
1.7
Fail
—
White BG
1.4Fail
1.6Fail
2.5Fail
1.1Fail
2.0Fail
Black BG
14.7AAA
13.5AAA
8.2AAA
18.4AAA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E461
E2E1D3
BAB9BD
F6F6D5
9A9BCC

Deuteranopia

E5E76A
E6EBD2
C1C9B8
F6F7D7
9690CC

Tritanopia

EB7F86
FCCECC
E5ACA8
FADCDD
7ECACA

Achromatopsia

CDCDCD
D4D4D4
A6A6A6
EFEFEF
AFAFAF

Shades & Tints Shades & Tints

#ECDA3A

Dark
Light

#FFBCDB

Dark
Light

#EB7AD2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecda3a;
  --color-2: #ffbcdb;
  --color-3: #eb7ad2;
  --color-4: #faf0cc;
  --color-5: #7ac4cf;
}

SCSS

$color-1: #ecda3a;
$color-2: #ffbcdb;
$color-3: #eb7ad2;
$color-4: #faf0cc;
$color-5: #7ac4cf;

TAILWIND

colors: {
  'brand-1': '#ecda3a',
  'brand-2': '#ffbcdb',
  'brand-3': '#eb7ad2',
  'brand-4': '#faf0cc',
  'brand-5': '#7ac4cf',
}

RGB Array

[236, 218, 58], [255, 188, 219], [235, 122, 210], [250, 240, 204], [122, 196, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ECDA3A, #FFBCDB, #EB7AD2, #FAF0CC, #7AC4CF 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: #ecda3a; --color-2: #ffbcdb; --color-3: #eb7ad2; --color-4: #faf0cc; --color-5: #7ac4cf. 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