← Back to Editor

#F76D6D · #59243E · #805660 · #D5BF8E · #FEF3B1

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

#F76D6D

Peach Pink · Salmon · Coral Red

HEX
#F76D6D
RGB
rgb(247, 109, 109)
HSL
hsl(0, 90%, 70%)
HSB
hsb(0, 56%, 97%)
CMYK
cmyk(0%, 56%, 56%, 3%)
Oklch
oklch(70.3% 0.170 22.5)

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

#59243E

Dark Violet · DarkSlateGray · Raspberry

HEX
#59243E
RGB
rgb(89, 36, 62)
HSL
hsl(331, 42%, 25%)
HSB
hsb(331, 60%, 35%)
CMYK
cmyk(0%, 60%, 30%, 65%)
Oklch
oklch(34.5% 0.085 351.8)

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

#805660

Crimson · DimGray · Passion Red

HEX
#805660
RGB
rgb(128, 86, 96)
HSL
hsl(346, 20%, 42%)
HSB
hsb(346, 33%, 50%)
CMYK
cmyk(0%, 33%, 25%, 50%)
Oklch
oklch(50.2% 0.057 3.7)

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

#D5BF8E

Ginger · Tan · Sunflower

HEX
#D5BF8E
RGB
rgb(213, 191, 142)
HSL
hsl(41, 46%, 70%)
HSB
hsb(41, 33%, 84%)
CMYK
cmyk(0%, 10%, 33%, 16%)
Oklch
oklch(81.1% 0.069 86.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FEF3B1

Fresh Green · Wheat · Lemon Cream

HEX
#FEF3B1
RGB
rgb(254, 243, 177)
HSL
hsl(51, 97%, 85%)
HSB
hsb(51, 30%, 100%)
CMYK
cmyk(0%, 4%, 30%, 0%)
Oklch
oklch(95.7% 0.084 99.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F76D6D
6EF7F7

Analogous

F76EB3
F76D6D
F7B36E

Triadic

F76D6D
6EF76E
6E6EF7

Split-Comp.

F76D6D
6EF7B3
6EB3F7

Tetradic

F76D6D
B3F76E
6EF7F7
B36EF7

Contrast Matrix WCAG 2.1 Contrast

F76D6D
59243E
805660
D5BF8E
FEF3B1
—
4.2
AA Large
2.2
Fail
1.6
Fail
2.5
Fail
4.2
AA Large
—
2.0
Fail
6.7
AA
10.7
AAA
2.2
Fail
2.0
Fail
—
3.4
AA Large
5.5
AA
1.6
Fail
6.7
AA
3.4
AA Large
—
1.6
Fail
2.5
Fail
10.7
AAA
5.5
AA
1.6
Fail
—
White BG
2.9Fail
12.0AAA
6.1AA
1.8Fail
1.1Fail
Black BG
7.4AAA
1.7Fail
3.4AA Large
11.7AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA6D
424238
6E6D5E
CBCB9A
F9F9C1

Deuteranopia

C3CE6D
454936
70735D
CDCE9D
FAFBC5

Tritanopia

F06D6D
563332
7E5C5B
D4A3A5
FDCED0

Achromatopsia

969696
373737
646464
C0C0C0
EFEFEF

Shades & Tints Shades & Tints

#F76D6D

Dark
Light

#59243E

Dark
Light

#805660

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f76d6d;
  --color-2: #59243e;
  --color-3: #805660;
  --color-4: #d5bf8e;
  --color-5: #fef3b1;
}

SCSS

$color-1: #f76d6d;
$color-2: #59243e;
$color-3: #805660;
$color-4: #d5bf8e;
$color-5: #fef3b1;

TAILWIND

colors: {
  'brand-1': '#f76d6d',
  'brand-2': '#59243e',
  'brand-3': '#805660',
  'brand-4': '#d5bf8e',
  'brand-5': '#fef3b1',
}

RGB Array

[247, 109, 109], [89, 36, 62], [128, 86, 96], [213, 191, 142], [254, 243, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F76D6D, #59243E, #805660, #D5BF8E, #FEF3B1 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f76d6d; --color-2: #59243e; --color-3: #805660; --color-4: #d5bf8e; --color-5: #fef3b1. 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 tech, SaaS, healthcare, eco industries. 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