← Back to Editor

#565578 · #E1BED7 · #8B927D · #F3EEB5 · #AA8C68

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

#565578

Deep Indigo · DimGray · Prussian Blue

HEX
#565578
RGB
rgb(86, 85, 120)
HSL
hsl(242, 17%, 40%)
HSB
hsb(242, 29%, 47%)
CMYK
cmyk(28%, 29%, 0%, 53%)
Oklch
oklch(46.5% 0.056 285.3)

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

#E1BED7

Mauve · LightGray · Lavender

HEX
#E1BED7
RGB
rgb(225, 190, 215)
HSL
hsl(317, 37%, 81%)
HSB
hsb(317, 16%, 88%)
CMYK
cmyk(0%, 16%, 4%, 12%)
Oklch
oklch(83.9% 0.052 336.4)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#8B927D

Grass Green · Gray · Warm Gray

HEX
#8B927D
RGB
rgb(139, 146, 125)
HSL
hsl(80, 9%, 53%)
HSB
hsb(80, 14%, 57%)
CMYK
cmyk(5%, 0%, 14%, 43%)
Oklch
oklch(64.8% 0.031 122.3)

Traditional「Grass Green」· Paint「Warm Gray」· Creative Urban Concrete

#F3EEB5

Fresh Green · Wheat · Lemon Cream

HEX
#F3EEB5
RGB
rgb(243, 238, 181)
HSL
hsl(55, 72%, 83%)
HSB
hsb(55, 26%, 95%)
CMYK
cmyk(0%, 2%, 26%, 5%)
Oklch
oklch(93.9% 0.073 103.5)

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

#AA8C68

Ginger · Gray · Warm Sun

HEX
#AA8C68
RGB
rgb(170, 140, 104)
HSL
hsl(33, 28%, 54%)
HSB
hsb(33, 39%, 67%)
CMYK
cmyk(0%, 18%, 39%, 33%)
Oklch
oklch(65.9% 0.062 71.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

565578
767755

Analogous

556577
565578
675577

Triadic

565578
775655
557756

Split-Comp.

565578
776755
657755

Tetradic

565578
775565
767755
557767

Contrast Matrix WCAG 2.1 Contrast

565578
E1BED7
8B927D
F3EEB5
AA8C68
—
4.2
AA Large
2.2
Fail
6.0
AA
2.2
Fail
4.2
AA Large
—
1.9
Fail
1.4
Fail
1.9
Fail
2.2
Fail
1.9
Fail
—
2.7
Fail
1.0
Fail
6.0
AA
1.4
Fail
2.7
Fail
—
2.7
Fail
2.2
Fail
1.9
Fail
1.0
Fail
2.7
Fail
—
White BG
7.1AAA
1.7Fail
3.2AA Large
1.2Fail
3.2AA Large
Black BG
3.0Fail
12.5AAA
6.5AA
17.7AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565670
D2D2D1
8E8E82
F1F1C3
9D9D71

Deuteranopia

56566E
D4D7D0
8E8D83
F1F2C6
9FA173

Tritanopia

566967
DFCCCB
8B8687
F3CED0
A97879

Achromatopsia

595959
CBCBCB
8E8E8E
E9E9E9
919191

Shades & Tints Shades & Tints

#565578

Dark
Light

#E1BED7

Dark
Light

#8B927D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #565578;
  --color-2: #e1bed7;
  --color-3: #8b927d;
  --color-4: #f3eeb5;
  --color-5: #aa8c68;
}

SCSS

$color-1: #565578;
$color-2: #e1bed7;
$color-3: #8b927d;
$color-4: #f3eeb5;
$color-5: #aa8c68;

TAILWIND

colors: {
  'brand-1': '#565578',
  'brand-2': '#e1bed7',
  'brand-3': '#8b927d',
  'brand-4': '#f3eeb5',
  'brand-5': '#aa8c68',
}

RGB Array

[86, 85, 120], [225, 190, 215], [139, 146, 125], [243, 238, 181], [170, 140, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #565578, #E1BED7, #8B927D, #F3EEB5, #AA8C68 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: #565578; --color-2: #e1bed7; --color-3: #8b927d; --color-4: #f3eeb5; --color-5: #aa8c68. 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