← Back to Editor

#DD594D · #FFB44B · #FDF5D1 · #5E4952 · #79BEA1

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

Color Details Color Details

#DD594D

Vermilion · Tomato · Passion Red

HEX
#DD594D
RGB
rgb(221, 89, 77)
HSL
hsl(5, 68%, 58%)
HSB
hsb(5, 65%, 87%)
CMYK
cmyk(0%, 60%, 65%, 13%)
Oklch
oklch(63.3% 0.168 28.0)

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

#FFB44B

Ginger · SandyBrown · Warm Sun

HEX
#FFB44B
RGB
rgb(255, 180, 75)
HSL
hsl(35, 100%, 65%)
HSB
hsb(35, 71%, 100%)
CMYK
cmyk(0%, 29%, 71%, 0%)
Oklch
oklch(82.3% 0.146 72.0)

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

#FDF5D1

Goose Yellow · Beige · Lemon Cream

HEX
#FDF5D1
RGB
rgb(253, 245, 209)
HSL
hsl(49, 92%, 91%)
HSB
hsb(49, 17%, 99%)
CMYK
cmyk(0%, 3%, 17%, 1%)
Oklch
oklch(96.7% 0.048 96.8)

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

#5E4952

Dark Violet · DimGray · Camellia

HEX
#5E4952
RGB
rgb(94, 73, 82)
HSL
hsl(334, 13%, 33%)
HSB
hsb(334, 22%, 37%)
CMYK
cmyk(0%, 22%, 13%, 63%)
Oklch
oklch(43.0% 0.032 350.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#79BEA1

Jade · MediumAquaMarine · Apple Green

HEX
#79BEA1
RGB
rgb(121, 190, 161)
HSL
hsl(155, 35%, 61%)
HSB
hsb(155, 36%, 75%)
CMYK
cmyk(36%, 0%, 15%, 25%)
Oklch
oklch(74.7% 0.082 165.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DD594D
4BD1DD

Analogous

DD4B88
DD594D
DDA04B

Triadic

DD594D
4BDD57
574BDD

Split-Comp.

DD594D
4BDDA0
4B88DD

Tetradic

DD594D
88DD4B
4BD1DD
A04BDD

Contrast Matrix WCAG 2.1 Contrast

DD594D
FFB44B
FDF5D1
5E4952
79BEA1
—
2.1
Fail
3.4
AA Large
2.2
Fail
1.7
Fail
2.1
Fail
—
1.6
Fail
4.7
AA
1.2
Fail
3.4
AA Large
1.6
Fail
—
7.5
AAA
2.0
Fail
2.2
Fail
4.7
AA
7.5
AAA
—
3.8
AA Large
1.7
Fail
1.2
Fail
2.0
Fail
3.8
AA Large
—
White BG
3.7AA Large
1.8Fail
1.1Fail
8.2AAA
2.2Fail
Black BG
5.6AA
11.9AAA
19.2AAA
2.6Fail
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A350
DFDE64
FAF9DA
555550
9797A8

Deuteranopia

ACB551
E3E96B
FAFBDC
56584F
938EAA

Tritanopia

D65253
FB787D
FDE1E2
5D4E4E
7CAEAF

Achromatopsia

7F7F7F
BEBEBE
F3F3F3
505050
A6A6A6

Shades & Tints Shades & Tints

#DD594D

Dark
Light

#FFB44B

Dark
Light

#FDF5D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dd594d;
  --color-2: #ffb44b;
  --color-3: #fdf5d1;
  --color-4: #5e4952;
  --color-5: #79bea1;
}

SCSS

$color-1: #dd594d;
$color-2: #ffb44b;
$color-3: #fdf5d1;
$color-4: #5e4952;
$color-5: #79bea1;

TAILWIND

colors: {
  'brand-1': '#dd594d',
  'brand-2': '#ffb44b',
  'brand-3': '#fdf5d1',
  'brand-4': '#5e4952',
  'brand-5': '#79bea1',
}

RGB Array

[221, 89, 77], [255, 180, 75], [253, 245, 209], [94, 73, 82], [121, 190, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DD594D, #FFB44B, #FDF5D1, #5E4952, #79BEA1 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: #dd594d; --color-2: #ffb44b; --color-3: #fdf5d1; --color-4: #5e4952; --color-5: #79bea1. 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