← Back to Editor

#8A6E41 · #928A63 · #A2AF95 · #A2D1D1 · #BFE1E7

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

#8A6E41

Ochre · Sienna · Amber Brown

HEX
#8A6E41
RGB
rgb(138, 110, 65)
HSL
hsl(37, 36%, 40%)
HSB
hsb(37, 53%, 54%)
CMYK
cmyk(0%, 20%, 53%, 46%)
Oklch
oklch(55.5% 0.071 78.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#928A63

Autumn Sage · Gray · Honey Gold

HEX
#928A63
RGB
rgb(146, 138, 99)
HSL
hsl(50, 19%, 48%)
HSB
hsb(50, 32%, 57%)
CMYK
cmyk(0%, 5%, 32%, 43%)
Oklch
oklch(63.0% 0.056 97.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A2AF95

Celadon · DarkGray · Apple Green

HEX
#A2AF95
RGB
rgb(162, 175, 149)
HSL
hsl(90, 14%, 64%)
HSB
hsb(90, 15%, 69%)
CMYK
cmyk(7%, 0%, 15%, 31%)
Oklch
oklch(73.7% 0.039 129.1)

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

#A2D1D1

Sky Blue · LightSteelBlue · Lake Green

HEX
#A2D1D1
RGB
rgb(162, 209, 209)
HSL
hsl(180, 34%, 73%)
HSB
hsb(180, 22%, 82%)
CMYK
cmyk(22%, 0%, 0%, 18%)
Oklch
oklch(82.8% 0.049 196.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#BFE1E7

Sky Blue · LightBlue · Glacier Blue

HEX
#BFE1E7
RGB
rgb(191, 225, 231)
HSL
hsl(189, 45%, 83%)
HSB
hsb(189, 17%, 91%)
CMYK
cmyk(17%, 3%, 0%, 9%)
Oklch
oklch(88.7% 0.037 209.4)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A6E41
415D8B

Analogous

8B4A41
8A6E41
828B41

Triadic

8A6E41
418B6F
6F418B

Split-Comp.

8A6E41
41828B
4A418B

Tetradic

8A6E41
418B4A
415D8B
8B4182

Contrast Matrix WCAG 2.1 Contrast

8A6E41
928A63
A2AF95
A2D1D1
BFE1E7
—
1.4
Fail
2.1
Fail
2.9
Fail
3.5
AA Large
1.4
Fail
—
1.5
Fail
2.1
Fail
2.5
Fail
2.1
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
2.9
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
3.5
AA Large
2.5
Fail
1.7
Fail
1.2
Fail
—
White BG
4.8AA
3.5AA Large
2.3Fail
1.7Fail
1.4Fail
Black BG
4.4AA Large
6.0AA
9.1AAA
12.6AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E4C
8F8E6C
A8A89B
B6B7D1
CECEE6

Deuteranopia

80824F
8F906F
A7A69D
B4B0D1
CCC9E5

Tritanopia

895456
927476
A3A0A1
A4D1D1
C1E4E4

Achromatopsia

717171
888888
A8A8A8
C3C3C3
D8D8D8

Shades & Tints Shades & Tints

#8A6E41

Dark
Light

#928A63

Dark
Light

#A2AF95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a6e41;
  --color-2: #928a63;
  --color-3: #a2af95;
  --color-4: #a2d1d1;
  --color-5: #bfe1e7;
}

SCSS

$color-1: #8a6e41;
$color-2: #928a63;
$color-3: #a2af95;
$color-4: #a2d1d1;
$color-5: #bfe1e7;

TAILWIND

colors: {
  'brand-1': '#8a6e41',
  'brand-2': '#928a63',
  'brand-3': '#a2af95',
  'brand-4': '#a2d1d1',
  'brand-5': '#bfe1e7',
}

RGB Array

[138, 110, 65], [146, 138, 99], [162, 175, 149], [162, 209, 209], [191, 225, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #8A6E41, #928A63, #A2AF95, #A2D1D1, #BFE1E7 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: #8a6e41; --color-2: #928a63; --color-3: #a2af95; --color-4: #a2d1d1; --color-5: #bfe1e7. 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