← Back to Editor

#882F41 · #F58CA4 · #F7E089 · #F6F4B6 · #C9B882

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

#882F41

Crimson · Brown · Wine Red

HEX
#882F41
RGB
rgb(136, 47, 65)
HSL
hsl(348, 49%, 36%)
HSB
hsb(348, 65%, 53%)
CMYK
cmyk(0%, 65%, 52%, 47%)
Oklch
oklch(44.0% 0.122 11.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#F58CA4

Peach Pink · LightCoral · Coral Red

HEX
#F58CA4
RGB
rgb(245, 140, 164)
HSL
hsl(346, 84%, 75%)
HSB
hsb(346, 43%, 96%)
CMYK
cmyk(0%, 43%, 33%, 4%)
Oklch
oklch(75.8% 0.129 6.0)

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

#F7E089

Goose Yellow · Khaki · Sunflower

HEX
#F7E089
RGB
rgb(247, 224, 137)
HSL
hsl(47, 87%, 75%)
HSB
hsb(47, 45%, 97%)
CMYK
cmyk(0%, 9%, 45%, 3%)
Oklch
oklch(90.7% 0.110 95.0)

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

#F6F4B6

Fresh Green · Wheat · Lemon Cream

HEX
#F6F4B6
RGB
rgb(246, 244, 182)
HSL
hsl(58, 78%, 84%)
HSB
hsb(58, 26%, 96%)
CMYK
cmyk(0%, 1%, 26%, 4%)
Oklch
oklch(95.4% 0.079 106.3)

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

#C9B882

Ginger · Tan · Sunflower

HEX
#C9B882
RGB
rgb(201, 184, 130)
HSL
hsl(46, 40%, 65%)
HSB
hsb(46, 35%, 79%)
CMYK
cmyk(0%, 8%, 35%, 21%)
Oklch
oklch(78.4% 0.074 92.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

882F41
2F8977

Analogous

892F6E
882F41
894A2F

Triadic

882F41
41892F
2F4189

Split-Comp.

882F41
2F894A
2F6E89

Tetradic

882F41
6E892F
2F8977
4A2F89

Contrast Matrix WCAG 2.1 Contrast

882F41
F58CA4
F7E089
F6F4B6
C9B882
—
3.6
AA Large
6.3
AA
7.3
AAA
4.2
AA Large
3.6
AA Large
—
1.7
Fail
2.0
Fail
1.2
Fail
6.3
AA
1.7
Fail
—
1.2
Fail
1.5
Fail
7.3
AAA
2.0
Fail
1.2
Fail
—
1.7
Fail
4.2
AA Large
1.2
Fail
1.5
Fail
1.7
Fail
—
White BG
8.3AAA
2.3Fail
1.3Fail
1.1Fail
2.0Fail
Black BG
2.5Fail
9.2AAA
16.0AAA
18.5AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

61613D
C8C79E
EDED9E
F5F5C5
C2C18F

Deuteranopia

676D3C
CED69D
EEF0A3
F5F5C9
C3C492

Tritanopia

843938
F09A99
F6AFB2
F6D1D3
C8999C

Achromatopsia

4C4C4C
AEAEAE
DDDDDD
EEEEEE
B7B7B7

Shades & Tints Shades & Tints

#882F41

Dark
Light

#F58CA4

Dark
Light

#F7E089

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #882f41;
  --color-2: #f58ca4;
  --color-3: #f7e089;
  --color-4: #f6f4b6;
  --color-5: #c9b882;
}

SCSS

$color-1: #882f41;
$color-2: #f58ca4;
$color-3: #f7e089;
$color-4: #f6f4b6;
$color-5: #c9b882;

TAILWIND

colors: {
  'brand-1': '#882f41',
  'brand-2': '#f58ca4',
  'brand-3': '#f7e089',
  'brand-4': '#f6f4b6',
  'brand-5': '#c9b882',
}

RGB Array

[136, 47, 65], [245, 140, 164], [247, 224, 137], [246, 244, 182], [201, 184, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #882F41, #F58CA4, #F7E089, #F6F4B6, #C9B882 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #882f41; --color-2: #f58ca4; --color-3: #f7e089; --color-4: #f6f4b6; --color-5: #c9b882. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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