← Back to Editor

#FB9169 · #D79B3B · #B5991E · #AFAA6C · #CBC287

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 PostIllustration

Color Details Color Details

#FB9169

Apricot · Salmon · Warm Sun

HEX
#FB9169
RGB
rgb(251, 145, 105)
HSL
hsl(16, 95%, 70%)
HSB
hsb(16, 58%, 98%)
CMYK
cmyk(0%, 42%, 58%, 2%)
Oklch
oklch(76.1% 0.139 41.2)

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

#D79B3B

Ginger · GoldenRod · Warm Sun

HEX
#D79B3B
RGB
rgb(215, 155, 59)
HSL
hsl(37, 66%, 54%)
HSB
hsb(37, 73%, 84%)
CMYK
cmyk(0%, 28%, 73%, 16%)
Oklch
oklch(73.1% 0.131 75.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#B5991E

Ochre · DarkGoldenRod · Honey Gold

HEX
#B5991E
RGB
rgb(181, 153, 30)
HSL
hsl(49, 72%, 41%)
HSB
hsb(49, 83%, 71%)
CMYK
cmyk(0%, 15%, 83%, 29%)
Oklch
oklch(68.9% 0.134 94.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#AFAA6C

Autumn Sage · Tan · Sunflower

HEX
#AFAA6C
RGB
rgb(175, 170, 108)
HSL
hsl(56, 30%, 55%)
HSB
hsb(56, 38%, 69%)
CMYK
cmyk(0%, 3%, 38%, 31%)
Oklch
oklch(72.8% 0.082 104.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CBC287

Fresh Green · Tan · Sunflower

HEX
#CBC287
RGB
rgb(203, 194, 135)
HSL
hsl(52, 40%, 66%)
HSB
hsb(52, 33%, 80%)
CMYK
cmyk(0%, 4%, 33%, 20%)
Oklch
oklch(80.7% 0.078 100.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB9169
6AD4FB

Analogous

FB6A8C
FB9169
FBD96A

Triadic

FB9169
6AFB91
916AFB

Split-Comp.

FB9169
6AFBD9
6A8CFB

Tetradic

FB9169
8CFB6A
6AD4FB
D96AFB

Contrast Matrix WCAG 2.1 Contrast

FB9169
D79B3B
B5991E
AFAA6C
CBC287
—
1.1
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.3
Fail
—
White BG
2.2Fail
2.4Fail
2.8Fail
2.4Fail
1.8Fail
Black BG
9.4AAA
8.6AAA
7.5AAA
8.8AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC73
BDBC52
A9A93C
ADAD7B
C7C795

Deuteranopia

D3DB75
C1C558
ABAD43
ADAE7F
C8C899

Tritanopia

F67A7C
D46569
B45358
AF8789
CBA1A3

Achromatopsia

ACACAC
A2A2A2
939393
A4A4A4
BEBEBE

Shades & Tints Shades & Tints

#FB9169

Dark
Light

#D79B3B

Dark
Light

#B5991E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb9169;
  --color-2: #d79b3b;
  --color-3: #b5991e;
  --color-4: #afaa6c;
  --color-5: #cbc287;
}

SCSS

$color-1: #fb9169;
$color-2: #d79b3b;
$color-3: #b5991e;
$color-4: #afaa6c;
$color-5: #cbc287;

TAILWIND

colors: {
  'brand-1': '#fb9169',
  'brand-2': '#d79b3b',
  'brand-3': '#b5991e',
  'brand-4': '#afaa6c',
  'brand-5': '#cbc287',
}

RGB Array

[251, 145, 105], [215, 155, 59], [181, 153, 30], [175, 170, 108], [203, 194, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FB9169, #D79B3B, #B5991E, #AFAA6C, #CBC287 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #fb9169; --color-2: #d79b3b; --color-3: #b5991e; --color-4: #afaa6c; --color-5: #cbc287. 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. 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