← Back to Editor

#59121B · #C5805E · #FEA722 · #A6C88C · #DAE5AB

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

#59121B

Vermilion · Maroon · Wine Red

HEX
#59121B
RGB
rgb(89, 18, 27)
HSL
hsl(352, 66%, 21%)
HSB
hsb(352, 80%, 35%)
CMYK
cmyk(0%, 80%, 70%, 65%)
Oklch
oklch(31.0% 0.102 18.8)

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

#C5805E

Tangerine · DarkSalmon · Warm Sun

HEX
#C5805E
RGB
rgb(197, 128, 94)
HSL
hsl(20, 47%, 57%)
HSB
hsb(20, 52%, 77%)
CMYK
cmyk(0%, 35%, 52%, 23%)
Oklch
oklch(66.4% 0.098 46.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FEA722

Ginger · Orange · Warm Sun

HEX
#FEA722
RGB
rgb(254, 167, 34)
HSL
hsl(36, 99%, 56%)
HSB
hsb(36, 87%, 100%)
CMYK
cmyk(0%, 34%, 87%, 0%)
Oklch
oklch(79.6% 0.164 70.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#A6C88C

Celadon · DarkSeaGreen · Apple Green

HEX
#A6C88C
RGB
rgb(166, 200, 140)
HSL
hsl(94, 35%, 67%)
HSB
hsb(94, 30%, 78%)
CMYK
cmyk(17%, 0%, 30%, 22%)
Oklch
oklch(79.3% 0.089 132.2)

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

#DAE5AB

Willow Green · Wheat · Apple Green

HEX
#DAE5AB
RGB
rgb(218, 229, 171)
HSL
hsl(71, 53%, 78%)
HSB
hsb(71, 25%, 90%)
CMYK
cmyk(5%, 0%, 25%, 10%)
Oklch
oklch(89.9% 0.077 116.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59121B
12594F

Analogous

59123F
59121B
592C12

Triadic

59121B
1C5912
121C59

Split-Comp.

59121B
12592C
123F59

Tetradic

59121B
3F5912
12594F
2C1259

Contrast Matrix WCAG 2.1 Contrast

59121B
C5805E
FEA722
A6C88C
DAE5AB
—
4.3
AA Large
7.0
AAA
7.4
AAA
10.3
AAA
4.3
AA Large
—
1.6
Fail
1.7
Fail
2.4
Fail
7.0
AAA
1.6
Fail
—
1.0
Fail
1.5
Fail
7.4
AAA
1.7
Fail
1.0
Fail
—
1.4
Fail
10.3
AAA
2.4
Fail
1.5
Fail
1.4
Fail
—
White BG
13.8AAA
3.2AA Large
2.0Fail
1.9Fail
1.3Fail
Black BG
1.5Fail
6.6AA
10.8AAA
11.3AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A19
A7A766
D8D842
B5B59B
DFDFB9

Deuteranopia

3E4418
ABB068
DDE44A
B3B09E
DEDDBC

Tritanopia

551717
C26D6E
FA5C61
A8A6A9
DBC4C7

Achromatopsia

282828
919191
B2B2B2
B7B7B7
DBDBDB

Shades & Tints Shades & Tints

#59121B

Dark
Light

#C5805E

Dark
Light

#FEA722

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59121b;
  --color-2: #c5805e;
  --color-3: #fea722;
  --color-4: #a6c88c;
  --color-5: #dae5ab;
}

SCSS

$color-1: #59121b;
$color-2: #c5805e;
$color-3: #fea722;
$color-4: #a6c88c;
$color-5: #dae5ab;

TAILWIND

colors: {
  'brand-1': '#59121b',
  'brand-2': '#c5805e',
  'brand-3': '#fea722',
  'brand-4': '#a6c88c',
  'brand-5': '#dae5ab',
}

RGB Array

[89, 18, 27], [197, 128, 94], [254, 167, 34], [166, 200, 140], [218, 229, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #59121B, #C5805E, #FEA722, #A6C88C, #DAE5AB 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: #59121b; --color-2: #c5805e; --color-3: #fea722; --color-4: #a6c88c; --color-5: #dae5ab. 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