← Back to Editor

#D4F478 · #FFFFA7 · #FDAA9F · #A8232F · #970E22

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 PostIllustrationData Visualization

Color Details Color Details

#D4F478

Willow Green · Khaki · Apple Green

HEX
#D4F478
RGB
rgb(212, 244, 120)
HSL
hsl(75, 85%, 71%)
HSB
hsb(75, 51%, 96%)
CMYK
cmyk(13%, 0%, 51%, 4%)
Oklch
oklch(91.9% 0.155 121.5)

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

#FFFFA7

Fresh Green · Wheat · Lemon Cream

HEX
#FFFFA7
RGB
rgb(255, 255, 167)
HSL
hsl(60, 100%, 83%)
HSB
hsb(60, 35%, 100%)
CMYK
cmyk(0%, 0%, 35%, 0%)
Oklch
oklch(98.1% 0.109 108.3)

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

#FDAA9F

Peach Pink · LightPink · Cherry Blossom

HEX
#FDAA9F
RGB
rgb(253, 170, 159)
HSL
hsl(7, 96%, 81%)
HSB
hsb(7, 37%, 99%)
CMYK
cmyk(0%, 33%, 37%, 1%)
Oklch
oklch(81.6% 0.100 27.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#A8232F

Vermilion · Brown · Wine Red

HEX
#A8232F
RGB
rgb(168, 35, 47)
HSL
hsl(355, 66%, 40%)
HSB
hsb(355, 79%, 66%)
CMYK
cmyk(0%, 79%, 72%, 34%)
Oklch
oklch(48.1% 0.168 22.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#970E22

Vermilion · Brown · Wine Red

HEX
#970E22
RGB
rgb(151, 14, 34)
HSL
hsl(351, 83%, 32%)
HSB
hsb(351, 91%, 59%)
CMYK
cmyk(0%, 91%, 77%, 41%)
Oklch
oklch(43.3% 0.166 22.2)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4F478
9676F4

Analogous

F4D476
D4F478
96F476

Triadic

D4F478
76D4F4
F476D4

Split-Comp.

D4F478
7696F4
D476F4

Tetradic

D4F478
76F4D4
9676F4
F47696

Contrast Matrix WCAG 2.1 Contrast

D4F478
FFFFA7
FDAA9F
A8232F
970E22
—
1.2
Fail
1.5
Fail
5.8
AA
7.1
AAA
1.2
Fail
—
1.8
Fail
6.8
AA
8.4
AAA
1.5
Fail
1.8
Fail
—
3.9
AA Large
4.8
AA
5.8
AA
6.8
AA
3.9
AA Large
—
1.2
Fail
7.1
AAA
8.4
AAA
4.8
AA
1.2
Fail
—
White BG
1.2Fail
1.0Fail
1.8Fail
7.1AAA
8.7AAA
Black BG
17.0AAA
20.1AAA
11.4AAA
2.9Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E296
FFFFBC
D9D8A2
6E6D2C
5C5A1D

Deuteranopia

E0DE9D
FFFFC1
DEE4A2
76802B
646E1C

Tritanopia

D6AEB3
FFCDD1
F9A4A4
A12A29
901919

Achromatopsia

DCDCDC
F5F5F5
C2C2C2
4C4C4C
393939

Shades & Tints Shades & Tints

#D4F478

Dark
Light

#FFFFA7

Dark
Light

#FDAA9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4f478;
  --color-2: #ffffa7;
  --color-3: #fdaa9f;
  --color-4: #a8232f;
  --color-5: #970e22;
}

SCSS

$color-1: #d4f478;
$color-2: #ffffa7;
$color-3: #fdaa9f;
$color-4: #a8232f;
$color-5: #970e22;

TAILWIND

colors: {
  'brand-1': '#d4f478',
  'brand-2': '#ffffa7',
  'brand-3': '#fdaa9f',
  'brand-4': '#a8232f',
  'brand-5': '#970e22',
}

RGB Array

[212, 244, 120], [255, 255, 167], [253, 170, 159], [168, 35, 47], [151, 14, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D4F478, #FFFFA7, #FDAA9F, #A8232F, #970E22 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #d4f478; --color-2: #ffffa7; --color-3: #fdaa9f; --color-4: #a8232f; --color-5: #970e22. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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