← Back to Editor

#8C916E · #B4BA95 · #F1F3E6 · #E5DCC6 · #F5EEDC

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

#8C916E

Autumn Sage · Gray · Honey Gold

HEX
#8C916E
RGB
rgb(140, 145, 110)
HSL
hsl(69, 14%, 50%)
HSB
hsb(69, 24%, 57%)
CMYK
cmyk(3%, 0%, 24%, 43%)
Oklch
oklch(64.3% 0.050 114.4)

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

#B4BA95

Willow Green · DarkGray · Apple Green

HEX
#B4BA95
RGB
rgb(180, 186, 149)
HSL
hsl(70, 21%, 66%)
HSB
hsb(70, 20%, 73%)
CMYK
cmyk(3%, 0%, 20%, 27%)
Oklch
oklch(77.4% 0.051 115.1)

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

#F1F3E6

Fresh Green · Linen · Lemon Cream

HEX
#F1F3E6
RGB
rgb(241, 243, 230)
HSL
hsl(69, 35%, 93%)
HSB
hsb(69, 5%, 95%)
CMYK
cmyk(1%, 0%, 5%, 5%)
Oklch
oklch(95.9% 0.017 113.8)

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

#E5DCC6

Goose Yellow · LightGray · Lemon Cream

HEX
#E5DCC6
RGB
rgb(229, 220, 198)
HSL
hsl(43, 37%, 84%)
HSB
hsb(43, 14%, 90%)
CMYK
cmyk(0%, 4%, 14%, 10%)
Oklch
oklch(89.6% 0.031 88.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F5EEDC

Goose Yellow · Beige · Lemon Cream

HEX
#F5EEDC
RGB
rgb(245, 238, 220)
HSL
hsl(43, 56%, 91%)
HSB
hsb(43, 10%, 96%)
CMYK
cmyk(0%, 3%, 10%, 4%)
Oklch
oklch(95.0% 0.025 89.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C916E
736E91

Analogous

91856E
8C916E
7A916E

Triadic

8C916E
6E8C91
916E8C

Split-Comp.

8C916E
6E7A91
856E91

Tetradic

8C916E
6E9185
736E91
916E7A

Contrast Matrix WCAG 2.1 Contrast

8C916E
B4BA95
F1F3E6
E5DCC6
F5EEDC
—
1.6
Fail
2.9
Fail
2.4
Fail
2.8
Fail
1.6
Fail
—
1.8
Fail
1.5
Fail
1.7
Fail
2.9
Fail
1.8
Fail
—
1.2
Fail
1.0
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.8
Fail
1.7
Fail
1.0
Fail
1.2
Fail
—
White BG
3.3AA Large
2.0Fail
1.1Fail
1.4Fail
1.2Fail
Black BG
6.4AA
10.4AAA
18.7AAA
15.4AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E76
B7B79E
F2F2E9
E1E1CB
F2F2E0

Deuteranopia

8E8E79
B6B6A0
F2F2EA
E2E2CD
F2F3E1

Tritanopia

8C7D7F
B4A5A7
F1ECEC
E5D0D0
F5E4E5

Achromatopsia

8C8C8C
B4B4B4
F1F1F1
DCDCDC
EEEEEE

Shades & Tints Shades & Tints

#8C916E

Dark
Light

#B4BA95

Dark
Light

#F1F3E6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c916e;
  --color-2: #b4ba95;
  --color-3: #f1f3e6;
  --color-4: #e5dcc6;
  --color-5: #f5eedc;
}

SCSS

$color-1: #8c916e;
$color-2: #b4ba95;
$color-3: #f1f3e6;
$color-4: #e5dcc6;
$color-5: #f5eedc;

TAILWIND

colors: {
  'brand-1': '#8c916e',
  'brand-2': '#b4ba95',
  'brand-3': '#f1f3e6',
  'brand-4': '#e5dcc6',
  'brand-5': '#f5eedc',
}

RGB Array

[140, 145, 110], [180, 186, 149], [241, 243, 230], [229, 220, 198], [245, 238, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #8C916E, #B4BA95, #F1F3E6, #E5DCC6, #F5EEDC is ideal for: health products, baby brands, fresh-style blogs, 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: #8c916e; --color-2: #b4ba95; --color-3: #f1f3e6; --color-4: #e5dcc6; --color-5: #f5eedc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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