← Back to Editor

#351F3E · #807A7B · #9FAC9A · #CAC3A1 · #E8CE9E

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

#351F3E

Dark Plum · DarkSlateGray · Dark Purple

HEX
#351F3E
RGB
rgb(53, 31, 62)
HSL
hsl(283, 33%, 18%)
HSB
hsb(283, 50%, 24%)
CMYK
cmyk(15%, 50%, 0%, 76%)
Oklch
oklch(28.2% 0.062 315.6)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#807A7B

Ink Gray · Gray · Warm Gray

HEX
#807A7B
RGB
rgb(128, 122, 123)
HSL
hsl(350, 2%, 49%)
HSB
hsb(350, 5%, 50%)
CMYK
cmyk(0%, 5%, 4%, 50%)
Oklch
oklch(58.5% 0.007 5.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#9FAC9A

Celadon · DarkGray · Apple Green

HEX
#9FAC9A
RGB
rgb(159, 172, 154)
HSL
hsl(103, 10%, 64%)
HSB
hsb(103, 10%, 67%)
CMYK
cmyk(8%, 0%, 10%, 33%)
Oklch
oklch(72.9% 0.029 136.9)

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

#CAC3A1

Fresh Green · Tan · Sunflower

HEX
#CAC3A1
RGB
rgb(202, 195, 161)
HSL
hsl(50, 28%, 71%)
HSB
hsb(50, 20%, 79%)
CMYK
cmyk(0%, 3%, 20%, 21%)
Oklch
oklch(81.4% 0.047 97.7)

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

#E8CE9E

Goose Yellow · Wheat · Peach Orange

HEX
#E8CE9E
RGB
rgb(232, 206, 158)
HSL
hsl(39, 62%, 76%)
HSB
hsb(39, 32%, 91%)
CMYK
cmyk(0%, 11%, 32%, 9%)
Oklch
oklch(86.2% 0.069 82.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

351F3E
273D1F

Analogous

251F3D
351F3E
3D1F36

Triadic

351F3E
3D341F
1F3D34

Split-Comp.

351F3E
363D1F
1F3D25

Tetradic

351F3E
3D251F
273D1F
1F363D

Contrast Matrix WCAG 2.1 Contrast

351F3E
807A7B
9FAC9A
CAC3A1
E8CE9E
—
3.5
AA Large
6.2
AA
8.4
AAA
9.7
AAA
3.5
AA Large
—
1.8
Fail
2.4
Fail
2.8
Fail
6.2
AA
1.8
Fail
—
1.3
Fail
1.6
Fail
8.4
AAA
2.4
Fail
1.3
Fail
—
1.2
Fail
9.7
AAA
2.8
Fail
1.6
Fail
1.2
Fail
—
White BG
14.8AAA
4.2AA Large
2.4Fail
1.8Fail
1.5Fail
Black BG
1.4Fail
5.0AA
8.8AAA
11.8AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B36
7D7D7B
A5A59E
C7C7A9
DDDDAA

Deuteranopia

2D2E35
7E7E7B
A4A39F
C7C8AB
DEE0AC

Tritanopia

34312F
807B7B
A0A2A3
CAB0B1
E7B3B5

Achromatopsia

292929
7C7C7C
A6A6A6
C1C1C1
D0D0D0

Shades & Tints Shades & Tints

#351F3E

Dark
Light

#807A7B

Dark
Light

#9FAC9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #351f3e;
  --color-2: #807a7b;
  --color-3: #9fac9a;
  --color-4: #cac3a1;
  --color-5: #e8ce9e;
}

SCSS

$color-1: #351f3e;
$color-2: #807a7b;
$color-3: #9fac9a;
$color-4: #cac3a1;
$color-5: #e8ce9e;

TAILWIND

colors: {
  'brand-1': '#351f3e',
  'brand-2': '#807a7b',
  'brand-3': '#9fac9a',
  'brand-4': '#cac3a1',
  'brand-5': '#e8ce9e',
}

RGB Array

[53, 31, 62], [128, 122, 123], [159, 172, 154], [202, 195, 161], [232, 206, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #351F3E, #807A7B, #9FAC9A, #CAC3A1, #E8CE9E 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: #351f3e; --color-2: #807a7b; --color-3: #9fac9a; --color-4: #cac3a1; --color-5: #e8ce9e. 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