← Back to Editor

#FDCFAC · #B0D8D3 · #689E9E · #796385 · #4F083F

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

#FDCFAC

Apricot · Wheat · Peach Orange

HEX
#FDCFAC
RGB
rgb(253, 207, 172)
HSL
hsl(26, 95%, 83%)
HSB
hsb(26, 32%, 99%)
CMYK
cmyk(0%, 18%, 32%, 1%)
Oklch
oklch(88.6% 0.070 59.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B0D8D3

Jade · LightBlue · Glacier Blue

HEX
#B0D8D3
RGB
rgb(176, 216, 211)
HSL
hsl(173, 34%, 77%)
HSB
hsb(173, 19%, 85%)
CMYK
cmyk(19%, 0%, 2%, 15%)
Oklch
oklch(85.2% 0.043 187.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#689E9E

Slate Blue · CadetBlue · Lake Green

HEX
#689E9E
RGB
rgb(104, 158, 158)
HSL
hsl(180, 22%, 51%)
HSB
hsb(180, 34%, 62%)
CMYK
cmyk(34%, 0%, 0%, 38%)
Oklch
oklch(66.2% 0.057 195.9)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#796385

Dark Plum · Gray · Violet

HEX
#796385
RGB
rgb(121, 99, 133)
HSL
hsl(279, 15%, 45%)
HSB
hsb(279, 26%, 52%)
CMYK
cmyk(9%, 26%, 0%, 48%)
Oklch
oklch(53.4% 0.058 313.5)

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

#4F083F

Rose Purple · MidnightBlue · Dark Purple

HEX
#4F083F
RGB
rgb(79, 8, 63)
HSL
hsl(314, 82%, 17%)
HSB
hsb(314, 90%, 31%)
CMYK
cmyk(0%, 90%, 20%, 69%)
Oklch
oklch(29.6% 0.118 339.6)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDCFAC
AAD9FD

Analogous

FDAAB0
FDCFAC
FDF7AA

Triadic

FDCFAC
AAFDCE
CEAAFD

Split-Comp.

FDCFAC
AAFDF7
AAB0FD

Tetradic

FDCFAC
B0FDAA
AAD9FD
F7AAFD

Contrast Matrix WCAG 2.1 Contrast

FDCFAC
B0D8D3
689E9E
796385
4F083F
—
1.1
Fail
2.1
Fail
3.7
AA Large
10.2
AAA
1.1
Fail
—
2.0
Fail
3.5
AA Large
9.5
AAA
2.1
Fail
2.0
Fail
—
1.8
Fail
4.8
AA
3.7
AA Large
3.5
AA Large
1.8
Fail
—
2.7
Fail
10.2
AAA
9.5
AAA
4.8
AA
2.7
Fail
—
White BG
1.4Fail
1.5Fail
3.0AA Large
5.3AA
14.6AAA
Black BG
14.7AAA
13.6AAA
7.0AA
3.9AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9B4
C1C2D4
7F809E
6F6F7D
303032

Deuteranopia

ECEFB7
BFBCD5
7C789E
71727B
343A2E

Tritanopia

FBBBBD
B2D5D5
6B9E9E
787675
4B2725

Achromatopsia

D9D9D9
CBCBCB
8E8E8E
6D6D6D
232323

Shades & Tints Shades & Tints

#FDCFAC

Dark
Light

#B0D8D3

Dark
Light

#689E9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdcfac;
  --color-2: #b0d8d3;
  --color-3: #689e9e;
  --color-4: #796385;
  --color-5: #4f083f;
}

SCSS

$color-1: #fdcfac;
$color-2: #b0d8d3;
$color-3: #689e9e;
$color-4: #796385;
$color-5: #4f083f;

TAILWIND

colors: {
  'brand-1': '#fdcfac',
  'brand-2': '#b0d8d3',
  'brand-3': '#689e9e',
  'brand-4': '#796385',
  'brand-5': '#4f083f',
}

RGB Array

[253, 207, 172], [176, 216, 211], [104, 158, 158], [121, 99, 133], [79, 8, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FDCFAC, #B0D8D3, #689E9E, #796385, #4F083F 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: #fdcfac; --color-2: #b0d8d3; --color-3: #689e9e; --color-4: #796385; --color-5: #4f083f. 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