← Back to Editor

#C561CD · #F675A4 · #FDCC72 · #F6F66A · #DEF577

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

#C561CD

Royal Purple · MediumOrchid · Violet

HEX
#C561CD
RGB
rgb(197, 97, 205)
HSL
hsl(296, 52%, 59%)
HSB
hsb(296, 53%, 80%)
CMYK
cmyk(4%, 53%, 0%, 20%)
Oklch
oklch(65.2% 0.184 324.6)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#F675A4

Rouge · LightCoral · Rose Pink

HEX
#F675A4
RGB
rgb(246, 117, 164)
HSL
hsl(338, 88%, 71%)
HSB
hsb(338, 52%, 96%)
CMYK
cmyk(0%, 52%, 33%, 4%)
Oklch
oklch(72.6% 0.165 359.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FDCC72

Goose Yellow · Khaki · Warm Sun

HEX
#FDCC72
RGB
rgb(253, 204, 114)
HSL
hsl(39, 97%, 72%)
HSB
hsb(39, 55%, 99%)
CMYK
cmyk(0%, 19%, 55%, 1%)
Oklch
oklch(87.0% 0.122 81.2)

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

#F6F66A

Fresh Green · Khaki · Sunflower

HEX
#F6F66A
RGB
rgb(246, 246, 106)
HSL
hsl(60, 89%, 69%)
HSB
hsb(60, 57%, 96%)
CMYK
cmyk(0%, 0%, 57%, 4%)
Oklch
oklch(94.7% 0.160 109.1)

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

#DEF577

Willow Green · Khaki · Apple Green

HEX
#DEF577
RGB
rgb(222, 245, 119)
HSL
hsl(71, 86%, 71%)
HSB
hsb(71, 51%, 96%)
CMYK
cmyk(9%, 0%, 51%, 4%)
Oklch
oklch(92.8% 0.153 118.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C561CD
67CD60

Analogous

8F60CD
C561CD
CD609E

Triadic

C561CD
CDC660
60CDC6

Split-Comp.

C561CD
9ECD60
60CD8F

Tetradic

C561CD
CD8F60
67CD60
609ECD

Contrast Matrix WCAG 2.1 Contrast

C561CD
F675A4
FDCC72
F6F66A
DEF577
—
1.3
Fail
2.4
Fail
3.1
AA Large
2.9
Fail
1.3
Fail
—
1.8
Fail
2.3
Fail
2.2
Fail
2.4
Fail
1.8
Fail
—
1.3
Fail
1.2
Fail
3.1
AA Large
2.3
Fail
1.3
Fail
—
1.1
Fail
2.9
Fail
2.2
Fail
1.2
Fail
1.1
Fail
—
White BG
3.5AA Large
2.6Fail
1.5Fail
1.1Fail
1.2Fail
Black BG
6.0AA
8.0AAA
14.1AAA
18.3AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A99B3
BEBD99
E8E788
F6F68C
E8E895

Deuteranopia

A0A7AD
C6CF96
EBEE8D
F6F694
E7E59D

Tritanopia

C09E9A
F0908E
FB999D
F6A7AD
DFAEB3

Achromatopsia

8B8B8B
A1A1A1
D0D0D0
E6E6E6
E0E0E0

Shades & Tints Shades & Tints

#C561CD

Dark
Light

#F675A4

Dark
Light

#FDCC72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c561cd;
  --color-2: #f675a4;
  --color-3: #fdcc72;
  --color-4: #f6f66a;
  --color-5: #def577;
}

SCSS

$color-1: #c561cd;
$color-2: #f675a4;
$color-3: #fdcc72;
$color-4: #f6f66a;
$color-5: #def577;

TAILWIND

colors: {
  'brand-1': '#c561cd',
  'brand-2': '#f675a4',
  'brand-3': '#fdcc72',
  'brand-4': '#f6f66a',
  'brand-5': '#def577',
}

RGB Array

[197, 97, 205], [246, 117, 164], [253, 204, 114], [246, 246, 106], [222, 245, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C561CD, #F675A4, #FDCC72, #F6F66A, #DEF577 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: #c561cd; --color-2: #f675a4; --color-3: #fdcc72; --color-4: #f6f66a; --color-5: #def577. 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