← Back to Editor

#B08453 · #B3B281 · #F6A06F · #F8C18C · #FC7D77

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B08453

Ginger · Sienna · Warm Sun

HEX
#B08453
RGB
rgb(176, 132, 83)
HSL
hsl(32, 37%, 51%)
HSB
hsb(32, 53%, 69%)
CMYK
cmyk(0%, 25%, 53%, 31%)
Oklch
oklch(64.5% 0.085 68.4)

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

#B3B281

Autumn Sage · Tan · Sunflower

HEX
#B3B281
RGB
rgb(179, 178, 129)
HSL
hsl(59, 25%, 60%)
HSB
hsb(59, 28%, 70%)
CMYK
cmyk(0%, 1%, 28%, 30%)
Oklch
oklch(75.2% 0.066 106.9)

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

#F6A06F

Apricot · LightSalmon · Warm Sun

HEX
#F6A06F
RGB
rgb(246, 160, 111)
HSL
hsl(22, 88%, 70%)
HSB
hsb(22, 55%, 96%)
CMYK
cmyk(0%, 35%, 55%, 4%)
Oklch
oklch(78.1% 0.121 49.9)

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

#F8C18C

Apricot · BurlyWood · Peach Orange

HEX
#F8C18C
RGB
rgb(248, 193, 140)
HSL
hsl(29, 89%, 76%)
HSB
hsb(29, 44%, 97%)
CMYK
cmyk(0%, 22%, 44%, 3%)
Oklch
oklch(84.8% 0.093 65.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FC7D77

Peach Pink · Salmon · Coral Red

HEX
#FC7D77
RGB
rgb(252, 125, 119)
HSL
hsl(3, 96%, 73%)
HSB
hsb(3, 53%, 99%)
CMYK
cmyk(0%, 50%, 53%, 1%)
Oklch
oklch(73.4% 0.156 24.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B08453
547FB0

Analogous

B05754
B08453
ADB054

Triadic

B08453
54B085
8554B0

Split-Comp.

B08453
54ADB0
5754B0

Tetradic

B08453
54B057
547FB0
B054AD

Contrast Matrix WCAG 2.1 Contrast

B08453
B3B281
F6A06F
F8C18C
FC7D77
—
1.5
Fail
1.6
Fail
2.1
Fail
1.3
Fail
1.5
Fail
—
1.1
Fail
1.4
Fail
1.2
Fail
1.6
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
1.6
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.6
Fail
—
White BG
3.3AA Large
2.2Fail
2.1Fail
1.6Fail
2.5Fail
Black BG
6.3AA
9.6AAA
10.2AAA
13.0AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D5F
B3B38D
D1D07B
E0E099
C5C478

Deuteranopia

A0A362
B3B390
D6DC7E
E3E89C
CCD679

Tritanopia

AE686A
B39698
F28486
F5A3A5
F67A7A

Achromatopsia

8C8C8C
ADADAD
B4B4B4
CBCBCB
A2A2A2

Shades & Tints Shades & Tints

#B08453

Dark
Light

#B3B281

Dark
Light

#F6A06F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b08453;
  --color-2: #b3b281;
  --color-3: #f6a06f;
  --color-4: #f8c18c;
  --color-5: #fc7d77;
}

SCSS

$color-1: #b08453;
$color-2: #b3b281;
$color-3: #f6a06f;
$color-4: #f8c18c;
$color-5: #fc7d77;

TAILWIND

colors: {
  'brand-1': '#b08453',
  'brand-2': '#b3b281',
  'brand-3': '#f6a06f',
  'brand-4': '#f8c18c',
  'brand-5': '#fc7d77',
}

RGB Array

[176, 132, 83], [179, 178, 129], [246, 160, 111], [248, 193, 140], [252, 125, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B08453, #B3B281, #F6A06F, #F8C18C, #FC7D77 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #b08453; --color-2: #b3b281; --color-3: #f6a06f; --color-4: #f8c18c; --color-5: #fc7d77. 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. 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 general-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