← Back to Editor

#B0BF95 · #F6F4C1 · #F8E89A · #FFBB4D · #FE9F4B

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

#B0BF95

Willow Green · DarkGray · Apple Green

HEX
#B0BF95
RGB
rgb(176, 191, 149)
HSL
hsl(81, 25%, 67%)
HSB
hsb(81, 22%, 75%)
CMYK
cmyk(8%, 0%, 22%, 25%)
Oklch
oklch(78.2% 0.060 123.7)

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

#F6F4C1

Fresh Green · Bisque · Lemon Cream

HEX
#F6F4C1
RGB
rgb(246, 244, 193)
HSL
hsl(58, 75%, 86%)
HSB
hsb(58, 22%, 96%)
CMYK
cmyk(0%, 1%, 22%, 4%)
Oklch
oklch(95.6% 0.066 105.7)

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

#F8E89A

Fresh Green · Khaki · Lemon Cream

HEX
#F8E89A
RGB
rgb(248, 232, 154)
HSL
hsl(50, 87%, 79%)
HSB
hsb(50, 38%, 97%)
CMYK
cmyk(0%, 6%, 38%, 3%)
Oklch
oklch(92.6% 0.099 98.0)

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

#FFBB4D

Ginger · SandyBrown · Warm Sun

HEX
#FFBB4D
RGB
rgb(255, 187, 77)
HSL
hsl(37, 100%, 65%)
HSB
hsb(37, 70%, 100%)
CMYK
cmyk(0%, 27%, 70%, 0%)
Oklch
oklch(83.6% 0.146 76.1)

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

#FE9F4B

Apricot · SandyBrown · Warm Sun

HEX
#FE9F4B
RGB
rgb(254, 159, 75)
HSL
hsl(28, 99%, 65%)
HSB
hsb(28, 70%, 100%)
CMYK
cmyk(0%, 37%, 70%, 0%)
Oklch
oklch(78.5% 0.149 59.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0BF95
A596C0

Analogous

C0BA96
B0BF95
9CC096

Triadic

B0BF95
96B1C0
C096B1

Split-Comp.

B0BF95
969CC0
BA96C0

Tetradic

B0BF95
96C0BA
A596C0
C0969C

Contrast Matrix WCAG 2.1 Contrast

B0BF95
F6F4C1
F8E89A
FFBB4D
FE9F4B
—
1.7
Fail
1.6
Fail
1.2
Fail
1.0
Fail
1.7
Fail
—
1.1
Fail
1.5
Fail
1.8
Fail
1.6
Fail
1.1
Fail
—
1.4
Fail
1.7
Fail
1.2
Fail
1.5
Fail
1.4
Fail
—
1.2
Fail
1.0
Fail
1.8
Fail
1.7
Fail
1.2
Fail
—
White BG
2.0Fail
1.1Fail
1.2Fail
1.7Fail
2.0Fail
Black BG
10.7AAA
18.6AAA
17.0AAA
12.5AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B79F
F5F5CD
F1F1AD
E2E168
D5D45F

Deuteranopia

B6B5A2
F5F5D0
F2F3B1
E6EB6E
DAE164

Tritanopia

B1A7A9
F6D7D9
F7BCBF
FC7D81
F96F73

Achromatopsia

B6B6B6
EFEFEF
E4E4E4
C3C3C3
B2B2B2

Shades & Tints Shades & Tints

#B0BF95

Dark
Light

#F6F4C1

Dark
Light

#F8E89A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0bf95;
  --color-2: #f6f4c1;
  --color-3: #f8e89a;
  --color-4: #ffbb4d;
  --color-5: #fe9f4b;
}

SCSS

$color-1: #b0bf95;
$color-2: #f6f4c1;
$color-3: #f8e89a;
$color-4: #ffbb4d;
$color-5: #fe9f4b;

TAILWIND

colors: {
  'brand-1': '#b0bf95',
  'brand-2': '#f6f4c1',
  'brand-3': '#f8e89a',
  'brand-4': '#ffbb4d',
  'brand-5': '#fe9f4b',
}

RGB Array

[176, 191, 149], [246, 244, 193], [248, 232, 154], [255, 187, 77], [254, 159, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0BF95, #F6F4C1, #F8E89A, #FFBB4D, #FE9F4B 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: #b0bf95; --color-2: #f6f4c1; --color-3: #f8e89a; --color-4: #ffbb4d; --color-5: #fe9f4b. 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