← Back to Editor

#B4C29E · #F3EDDD · #818964 · #C0B3A0 · #9EA682

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

#B4C29E

Willow Green · DarkGray · Apple Green

HEX
#B4C29E
RGB
rgb(180, 194, 158)
HSL
hsl(83, 23%, 69%)
HSB
hsb(83, 19%, 76%)
CMYK
cmyk(7%, 0%, 19%, 24%)
Oklch
oklch(79.4% 0.052 124.9)

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

#F3EDDD

Goose Yellow · Beige · Lemon Cream

HEX
#F3EDDD
RGB
rgb(243, 237, 221)
HSL
hsl(44, 48%, 91%)
HSB
hsb(44, 9%, 95%)
CMYK
cmyk(0%, 2%, 9%, 5%)
Oklch
oklch(94.6% 0.022 89.8)

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

#818964

Grass Green · Gray · Olive Green

HEX
#818964
RGB
rgb(129, 137, 100)
HSL
hsl(73, 16%, 46%)
HSB
hsb(73, 27%, 54%)
CMYK
cmyk(6%, 0%, 27%, 46%)
Oklch
oklch(61.4% 0.054 117.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C0B3A0

Ginger · DarkGray · Warm Sun

HEX
#C0B3A0
RGB
rgb(192, 179, 160)
HSL
hsl(36, 20%, 69%)
HSB
hsb(36, 17%, 75%)
CMYK
cmyk(0%, 7%, 17%, 25%)
Oklch
oklch(77.2% 0.030 77.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#9EA682

Grass Green · DarkSeaGreen · Olive Green

HEX
#9EA682
RGB
rgb(158, 166, 130)
HSL
hsl(73, 17%, 58%)
HSB
hsb(73, 22%, 65%)
CMYK
cmyk(5%, 0%, 22%, 35%)
Oklch
oklch(70.9% 0.051 117.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4C29E
AC9EC2

Analogous

C2BE9E
B4C29E
A2C29E

Triadic

B4C29E
9EB4C2
C29EB4

Split-Comp.

B4C29E
9EA2C2
BE9EC2

Tetradic

B4C29E
9EC2BE
AC9EC2
C29EA2

Contrast Matrix WCAG 2.1 Contrast

B4C29E
F3EDDD
818964
C0B3A0
9EA682
—
1.6
Fail
2.0
Fail
1.1
Fail
1.4
Fail
1.6
Fail
—
3.2
AA Large
1.8
Fail
2.2
Fail
2.0
Fail
3.2
AA Large
—
1.8
Fail
1.4
Fail
1.1
Fail
1.8
Fail
1.8
Fail
—
1.2
Fail
1.4
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
White BG
1.9Fail
1.2Fail
3.7AA Large
2.1Fail
2.6Fail
Black BG
11.2AAA
18.0AAA
5.7AA
10.2AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAA7
F0F0E1
84856D
BABAA5
A1A28B

Deuteranopia

B9B8A9
F1F1E2
84836F
BBBCA6
A1A08D

Tritanopia

B5AEAF
F3E4E5
817476
BFA8A9
9E9293

Achromatopsia

BABABA
EDEDED
828282
B5B5B5
A0A0A0

Shades & Tints Shades & Tints

#B4C29E

Dark
Light

#F3EDDD

Dark
Light

#818964

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4c29e;
  --color-2: #f3eddd;
  --color-3: #818964;
  --color-4: #c0b3a0;
  --color-5: #9ea682;
}

SCSS

$color-1: #b4c29e;
$color-2: #f3eddd;
$color-3: #818964;
$color-4: #c0b3a0;
$color-5: #9ea682;

TAILWIND

colors: {
  'brand-1': '#b4c29e',
  'brand-2': '#f3eddd',
  'brand-3': '#818964',
  'brand-4': '#c0b3a0',
  'brand-5': '#9ea682',
}

RGB Array

[180, 194, 158], [243, 237, 221], [129, 137, 100], [192, 179, 160], [158, 166, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B4C29E, #F3EDDD, #818964, #C0B3A0, #9EA682 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #b4c29e; --color-2: #f3eddd; --color-3: #818964; --color-4: #c0b3a0; --color-5: #9ea682. 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 beauty, lifestyle, arts 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