← Back to Editor

#554446 · #8B918D · #A3C4B9 · #C1CDBD · #D1D0C7

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

#554446

Crimson · DarkSlateGray · Wine Red

HEX
#554446
RGB
rgb(85, 68, 70)
HSL
hsl(353, 11%, 30%)
HSB
hsb(353, 20%, 33%)
CMYK
cmyk(0%, 20%, 18%, 67%)
Oklch
oklch(40.5% 0.024 10.2)

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

#8B918D

Ash · Gray · Silver Sand

HEX
#8B918D
RGB
rgb(139, 145, 141)
HSL
hsl(140, 3%, 56%)
HSB
hsb(140, 4%, 57%)
CMYK
cmyk(4%, 0%, 3%, 43%)
Oklch
oklch(65.0% 0.009 157.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#A3C4B9

Jade · Silver · Lake Green

HEX
#A3C4B9
RGB
rgb(163, 196, 185)
HSL
hsl(160, 22%, 70%)
HSB
hsb(160, 17%, 77%)
CMYK
cmyk(17%, 0%, 6%, 23%)
Oklch
oklch(79.3% 0.039 173.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C1CDBD

Celadon · Silver · Apple Green

HEX
#C1CDBD
RGB
rgb(193, 205, 189)
HSL
hsl(105, 14%, 77%)
HSB
hsb(105, 8%, 80%)
CMYK
cmyk(6%, 0%, 8%, 20%)
Oklch
oklch(83.5% 0.026 137.8)

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

#D1D0C7

Fresh Green · LightGray · Lemon Cream

HEX
#D1D0C7
RGB
rgb(209, 208, 199)
HSL
hsl(54, 10%, 80%)
HSB
hsb(54, 5%, 82%)
CMYK
cmyk(0%, 0%, 5%, 18%)
Oklch
oklch(85.6% 0.012 101.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

554446
445553

Analogous

55444E
554446
554B44

Triadic

554446
465544
444655

Split-Comp.

554446
44554B
444E55

Tetradic

554446
4E5544
445553
4B4455

Contrast Matrix WCAG 2.1 Contrast

554446
8B918D
A3C4B9
C1CDBD
D1D0C7
—
2.8
Fail
4.8
AA
5.5
AA
5.9
AA
2.8
Fail
—
1.7
Fail
1.9
Fail
2.1
Fail
4.8
AA
1.7
Fail
—
1.1
Fail
1.2
Fail
5.5
AA
1.9
Fail
1.1
Fail
—
1.1
Fail
5.9
AA
2.1
Fail
1.2
Fail
1.1
Fail
—
White BG
9.1AAA
3.2AA Large
1.9Fail
1.6Fail
1.5Fail
Black BG
2.3Fail
6.5AA
11.2AAA
12.7AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D46
8E8E8E
B1B2BC
C6C6C1
D1D1C9

Deuteranopia

4F5045
8D8D8E
AFADBC
C6C5C2
D1D1CA

Tritanopia

544545
8B8F8F
A5BEBE
C2C4C5
D1CBCB

Achromatopsia

494949
8F8F8F
B9B9B9
C8C8C8
CFCFCF

Shades & Tints Shades & Tints

#554446

Dark
Light

#8B918D

Dark
Light

#A3C4B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #554446;
  --color-2: #8b918d;
  --color-3: #a3c4b9;
  --color-4: #c1cdbd;
  --color-5: #d1d0c7;
}

SCSS

$color-1: #554446;
$color-2: #8b918d;
$color-3: #a3c4b9;
$color-4: #c1cdbd;
$color-5: #d1d0c7;

TAILWIND

colors: {
  'brand-1': '#554446',
  'brand-2': '#8b918d',
  'brand-3': '#a3c4b9',
  'brand-4': '#c1cdbd',
  'brand-5': '#d1d0c7',
}

RGB Array

[85, 68, 70], [139, 145, 141], [163, 196, 185], [193, 205, 189], [209, 208, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #554446, #8B918D, #A3C4B9, #C1CDBD, #D1D0C7 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #554446; --color-2: #8b918d; --color-3: #a3c4b9; --color-4: #c1cdbd; --color-5: #d1d0c7. 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. Restrained colors convey professionalism and trust. 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