← Back to Editor

#575347 · #3B746D · #5B9B9A · #BE8A97 · #C6BB9F

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 PostIllustration

Color Details Color Details

#575347

Ochre · DarkOliveGreen · Honey Gold

HEX
#575347
RGB
rgb(87, 83, 71)
HSL
hsl(45, 10%, 31%)
HSB
hsb(45, 18%, 34%)
CMYK
cmyk(0%, 5%, 18%, 66%)
Oklch
oklch(44.2% 0.020 91.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#3B746D

Mineral Blue · SeaGreen · Mint Ice

HEX
#3B746D
RGB
rgb(59, 116, 109)
HSL
hsl(173, 33%, 34%)
HSB
hsb(173, 49%, 45%)
CMYK
cmyk(49%, 0%, 6%, 55%)
Oklch
oklch(51.8% 0.061 185.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5B9B9A

Mineral Blue · CadetBlue · Mint Ice

HEX
#5B9B9A
RGB
rgb(91, 155, 154)
HSL
hsl(179, 26%, 48%)
HSB
hsb(179, 41%, 61%)
CMYK
cmyk(41%, 0%, 1%, 39%)
Oklch
oklch(64.6% 0.066 194.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#BE8A97

Peach Pink · DarkGray · Coral Red

HEX
#BE8A97
RGB
rgb(190, 138, 151)
HSL
hsl(345, 29%, 64%)
HSB
hsb(345, 27%, 75%)
CMYK
cmyk(0%, 27%, 21%, 25%)
Oklch
oklch(68.8% 0.066 2.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C6BB9F

Ginger · Tan · Sunflower

HEX
#C6BB9F
RGB
rgb(198, 187, 159)
HSL
hsl(43, 25%, 70%)
HSB
hsb(43, 20%, 78%)
CMYK
cmyk(0%, 6%, 20%, 22%)
Oklch
oklch(79.4% 0.040 89.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

575347
474B57

Analogous

574B47
575347
535747

Triadic

575347
475753
534757

Split-Comp.

575347
475357
4B4757

Tetradic

575347
47574B
474B57
574753

Contrast Matrix WCAG 2.1 Contrast

575347
3B746D
5B9B9A
BE8A97
C6BB9F
—
1.4
Fail
2.4
Fail
2.7
Fail
4.0
AA Large
1.4
Fail
—
1.7
Fail
1.9
Fail
2.8
Fail
2.4
Fail
1.7
Fail
—
1.1
Fail
1.7
Fail
2.7
Fail
1.9
Fail
1.1
Fail
—
1.5
Fail
4.0
AA Large
2.8
Fail
1.7
Fail
1.5
Fail
—
White BG
7.7AAA
5.4AA
3.2AA Large
2.9Fail
1.9Fail
Black BG
2.7Fail
3.9AA Large
6.6AA
7.3AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55554A
54546F
77779A
A7A794
C1C1A6

Deuteranopia

56564B
504C6F
736E9A
ABAE93
C2C3A7

Tritanopia

574C4D
3E7070
5E9A9A
BB9191
C5ABAC

Achromatopsia

535353
626262
888888
9B9B9B
BBBBBB

Shades & Tints Shades & Tints

#575347

Dark
Light

#3B746D

Dark
Light

#5B9B9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #575347;
  --color-2: #3b746d;
  --color-3: #5b9b9a;
  --color-4: #be8a97;
  --color-5: #c6bb9f;
}

SCSS

$color-1: #575347;
$color-2: #3b746d;
$color-3: #5b9b9a;
$color-4: #be8a97;
$color-5: #c6bb9f;

TAILWIND

colors: {
  'brand-1': '#575347',
  'brand-2': '#3b746d',
  'brand-3': '#5b9b9a',
  'brand-4': '#be8a97',
  'brand-5': '#c6bb9f',
}

RGB Array

[87, 83, 71], [59, 116, 109], [91, 155, 154], [190, 138, 151], [198, 187, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #575347, #3B746D, #5B9B9A, #BE8A97, #C6BB9F is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #575347; --color-2: #3b746d; --color-3: #5b9b9a; --color-4: #be8a97; --color-5: #c6bb9f. 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. 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