← Back to Editor

#59A9C4 · #34313C · #C84964 · #E5D7D4 · #79C6D6

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

#59A9C4

Slate Blue · CadetBlue · Lake Green

HEX
#59A9C4
RGB
rgb(89, 169, 196)
HSL
hsl(195, 48%, 56%)
HSB
hsb(195, 55%, 77%)
CMYK
cmyk(55%, 14%, 0%, 23%)
Oklch
oklch(69.4% 0.088 222.4)

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

#34313C

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#34313C
RGB
rgb(52, 49, 60)
HSL
hsl(256, 10%, 21%)
HSB
hsb(256, 18%, 24%)
CMYK
cmyk(13%, 18%, 0%, 76%)
Oklch
oklch(32.1% 0.020 297.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#C84964

Crimson · MediumVioletRed · Passion Red

HEX
#C84964
RGB
rgb(200, 73, 100)
HSL
hsl(347, 54%, 54%)
HSB
hsb(347, 64%, 78%)
CMYK
cmyk(0%, 64%, 50%, 22%)
Oklch
oklch(58.5% 0.162 10.8)

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

#E5D7D4

Peach Pink · LightGray · Cherry Blossom

HEX
#E5D7D4
RGB
rgb(229, 215, 212)
HSL
hsl(11, 25%, 86%)
HSB
hsb(11, 7%, 90%)
CMYK
cmyk(0%, 6%, 7%, 10%)
Oklch
oklch(89.0% 0.016 32.0)

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

#79C6D6

Sky Blue · SkyBlue · Lake Green

HEX
#79C6D6
RGB
rgb(121, 198, 214)
HSL
hsl(190, 53%, 66%)
HSB
hsb(190, 43%, 84%)
CMYK
cmyk(43%, 7%, 0%, 16%)
Oklch
oklch(78.2% 0.079 212.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59A9C4
C57459

Analogous

59C5AA
59A9C4
5974C5

Triadic

59A9C4
C559AA
AAC559

Split-Comp.

59A9C4
C55974
C5AA59

Tetradic

59A9C4
AA59C5
C57459
74C559

Contrast Matrix WCAG 2.1 Contrast

59A9C4
34313C
C84964
E5D7D4
79C6D6
—
4.8
AA
1.7
Fail
1.9
Fail
1.4
Fail
4.8
AA
—
2.8
Fail
9.1
AAA
6.6
AA
1.7
Fail
2.8
Fail
—
3.3
AA Large
2.4
Fail
1.9
Fail
9.1
AAA
3.3
AA Large
—
1.4
Fail
1.4
Fail
6.6
AA
2.4
Fail
1.4
Fail
—
White BG
2.7Fail
12.7AAA
4.6AA
1.4Fail
1.9Fail
Black BG
7.9AAA
1.7Fail
4.6AA
15.0AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7CBD
333339
91905D
DFDFD5
9A9BD2

Deuteranopia

7771BC
333339
98A25C
E0E1D5
9690D1

Tritanopia

5DB8B7
343737
C25857
E4D5D5
7DCFCE

Achromatopsia

949494
333333
727272
DBDBDB
B1B1B1

Shades & Tints Shades & Tints

#59A9C4

Dark
Light

#34313C

Dark
Light

#C84964

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59a9c4;
  --color-2: #34313c;
  --color-3: #c84964;
  --color-4: #e5d7d4;
  --color-5: #79c6d6;
}

SCSS

$color-1: #59a9c4;
$color-2: #34313c;
$color-3: #c84964;
$color-4: #e5d7d4;
$color-5: #79c6d6;

TAILWIND

colors: {
  'brand-1': '#59a9c4',
  'brand-2': '#34313c',
  'brand-3': '#c84964',
  'brand-4': '#e5d7d4',
  'brand-5': '#79c6d6',
}

RGB Array

[89, 169, 196], [52, 49, 60], [200, 73, 100], [229, 215, 212], [121, 198, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #59A9C4, #34313C, #C84964, #E5D7D4, #79C6D6 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: #59a9c4; --color-2: #34313c; --color-3: #c84964; --color-4: #e5d7d4; --color-5: #79c6d6. 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