← Back to Editor

#BBC098 · #FFE7B1 · #FBCD91 · #FE7265 · #39322C

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 AppData Visualization

Color Details Color Details

#BBC098

Fresh Green · Tan · Sunflower

HEX
#BBC098
RGB
rgb(187, 192, 152)
HSL
hsl(68, 24%, 67%)
HSB
hsb(68, 21%, 75%)
CMYK
cmyk(3%, 0%, 21%, 25%)
Oklch
oklch(79.3% 0.055 113.4)

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

#FFE7B1

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE7B1
RGB
rgb(255, 231, 177)
HSL
hsl(42, 100%, 85%)
HSB
hsb(42, 31%, 100%)
CMYK
cmyk(0%, 9%, 31%, 0%)
Oklch
oklch(93.5% 0.074 86.8)

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

#FBCD91

Goose Yellow · Khaki · Peach Orange

HEX
#FBCD91
RGB
rgb(251, 205, 145)
HSL
hsl(34, 93%, 78%)
HSB
hsb(34, 42%, 98%)
CMYK
cmyk(0%, 18%, 42%, 2%)
Oklch
oklch(87.5% 0.092 73.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FE7265

Peach Pink · Salmon · Coral Red

HEX
#FE7265
RGB
rgb(254, 114, 101)
HSL
hsl(5, 99%, 70%)
HSB
hsb(5, 60%, 100%)
CMYK
cmyk(0%, 55%, 60%, 0%)
Oklch
oklch(71.8% 0.174 27.6)

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

#39322C

Tangerine · DarkSlateGray · Cinnamon

HEX
#39322C
RGB
rgb(57, 50, 44)
HSL
hsl(28, 13%, 20%)
HSB
hsb(28, 23%, 22%)
CMYK
cmyk(0%, 12%, 23%, 78%)
Oklch
oklch(32.3% 0.014 62.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBC098
9C97BF

Analogous

BFB097
BBC098
A5BF97

Triadic

BBC098
97BABF
BF97BA

Split-Comp.

BBC098
97A5BF
B097BF

Tetradic

BBC098
97BFB0
9C97BF
BF97A5

Contrast Matrix WCAG 2.1 Contrast

BBC098
FFE7B1
FBCD91
FE7265
39322C
—
1.6
Fail
1.3
Fail
1.4
Fail
6.7
AA
1.6
Fail
—
1.2
Fail
2.2
Fail
10.4
AAA
1.3
Fail
1.2
Fail
—
1.8
Fail
8.5
AAA
1.4
Fail
2.2
Fail
1.8
Fail
—
4.7
AA
6.7
AA
10.4
AAA
8.5
AAA
4.7
AA
—
White BG
1.9Fail
1.2Fail
1.5Fail
2.7Fail
12.6AAA
Black BG
11.1AAA
17.3AAA
14.2AAA
7.8AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDA2
F5F4BE
E7E7A0
C1C068
36362D

Deuteranopia

BDBDA4
F6F8C1
EAEDA3
CAD469
36372E

Tritanopia

BBA9AB
FEC8CB
F9ABAE
F76B6B
392F2F

Achromatopsia

BABABA
E8E8E8
D4D4D4
9A9A9A
333333

Shades & Tints Shades & Tints

#BBC098

Dark
Light

#FFE7B1

Dark
Light

#FBCD91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbc098;
  --color-2: #ffe7b1;
  --color-3: #fbcd91;
  --color-4: #fe7265;
  --color-5: #39322c;
}

SCSS

$color-1: #bbc098;
$color-2: #ffe7b1;
$color-3: #fbcd91;
$color-4: #fe7265;
$color-5: #39322c;

TAILWIND

colors: {
  'brand-1': '#bbc098',
  'brand-2': '#ffe7b1',
  'brand-3': '#fbcd91',
  'brand-4': '#fe7265',
  'brand-5': '#39322c',
}

RGB Array

[187, 192, 152], [255, 231, 177], [251, 205, 145], [254, 114, 101], [57, 50, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BBC098, #FFE7B1, #FBCD91, #FE7265, #39322C is ideal for: social media posters, mobile apps, e-commerce promos, 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: #bbc098; --color-2: #ffe7b1; --color-3: #fbcd91; --color-4: #fe7265; --color-5: #39322c. 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. 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 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