← Back to Editor

#F44645 · #D986A6 · #C9CF7D · #C1EE91 · #E3F3A1

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

#F44645

Peach Pink · Tomato · Coral Red

HEX
#F44645
RGB
rgb(244, 70, 69)
HSL
hsl(0, 89%, 61%)
HSB
hsb(0, 72%, 96%)
CMYK
cmyk(0%, 71%, 72%, 4%)
Oklch
oklch(64.7% 0.211 25.6)

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

#D986A6

Rouge · LightCoral · Rose Pink

HEX
#D986A6
RGB
rgb(217, 134, 166)
HSL
hsl(337, 52%, 69%)
HSB
hsb(337, 38%, 85%)
CMYK
cmyk(0%, 38%, 24%, 15%)
Oklch
oklch(71.6% 0.109 355.5)

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

#C9CF7D

Fresh Green · Tan · Sunflower

HEX
#C9CF7D
RGB
rgb(201, 207, 125)
HSL
hsl(64, 46%, 65%)
HSB
hsb(64, 40%, 81%)
CMYK
cmyk(3%, 0%, 40%, 19%)
Oklch
oklch(83.1% 0.105 112.1)

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

#C1EE91

Willow Green · Khaki · Apple Green

HEX
#C1EE91
RGB
rgb(193, 238, 145)
HSL
hsl(89, 73%, 75%)
HSB
hsb(89, 39%, 93%)
CMYK
cmyk(19%, 0%, 39%, 7%)
Oklch
oklch(89.6% 0.129 129.7)

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

#E3F3A1

Willow Green · Khaki · Apple Green

HEX
#E3F3A1
RGB
rgb(227, 243, 161)
HSL
hsl(72, 77%, 79%)
HSB
hsb(72, 34%, 95%)
CMYK
cmyk(7%, 0%, 34%, 5%)
Oklch
oklch(93.3% 0.106 117.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F44645
43F4F4

Analogous

F4439C
F44645
F49C43

Triadic

F44645
43F443
4343F4

Split-Comp.

F44645
43F49C
439CF4

Tetradic

F44645
9CF443
43F4F4
9C43F4

Contrast Matrix WCAG 2.1 Contrast

F44645
D986A6
C9CF7D
C1EE91
E3F3A1
—
1.4
Fail
2.2
Fail
2.7
Fail
3.0
AA Large
1.4
Fail
—
1.6
Fail
2.0
Fail
2.2
Fail
2.2
Fail
1.6
Fail
—
1.3
Fail
1.4
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
1.1
Fail
3.0
AA Large
2.2
Fail
1.4
Fail
1.1
Fail
—
White BG
3.6AA Large
2.7Fail
1.7Fail
1.3Fail
1.2Fail
Black BG
5.8AA
7.9AAA
12.7AAA
15.9AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A745
B5B49E
CCCC91
D4D5A8
EAEAB5

Deuteranopia

B3C045
BAC09C
CBCB96
D2CFAD
E9E8BA

Tritanopia

EB4545
D59897
C9A1A4
C3B9BD
E4C5C8

Achromatopsia

7A7A7A
A2A2A2
C4C4C4
D6D6D6
E5E5E5

Shades & Tints Shades & Tints

#F44645

Dark
Light

#D986A6

Dark
Light

#C9CF7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f44645;
  --color-2: #d986a6;
  --color-3: #c9cf7d;
  --color-4: #c1ee91;
  --color-5: #e3f3a1;
}

SCSS

$color-1: #f44645;
$color-2: #d986a6;
$color-3: #c9cf7d;
$color-4: #c1ee91;
$color-5: #e3f3a1;

TAILWIND

colors: {
  'brand-1': '#f44645',
  'brand-2': '#d986a6',
  'brand-3': '#c9cf7d',
  'brand-4': '#c1ee91',
  'brand-5': '#e3f3a1',
}

RGB Array

[244, 70, 69], [217, 134, 166], [201, 207, 125], [193, 238, 145], [227, 243, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F44645, #D986A6, #C9CF7D, #C1EE91, #E3F3A1 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: #f44645; --color-2: #d986a6; --color-3: #c9cf7d; --color-4: #c1ee91; --color-5: #e3f3a1. 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