← Back to Editor

#B5B88D · #FFF7B3 · #7BADA1 · #E69A30 · #F4FCB6

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B5B88D

Fresh Green · Tan · Sunflower

HEX
#B5B88D
RGB
rgb(181, 184, 141)
HSL
hsl(64, 23%, 64%)
HSB
hsb(64, 23%, 72%)
CMYK
cmyk(2%, 0%, 23%, 28%)
Oklch
oklch(76.9% 0.059 111.0)

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

#FFF7B3

Fresh Green · Bisque · Lemon Cream

HEX
#FFF7B3
RGB
rgb(255, 247, 179)
HSL
hsl(54, 100%, 85%)
HSB
hsb(54, 30%, 100%)
CMYK
cmyk(0%, 3%, 30%, 0%)
Oklch
oklch(96.7% 0.086 102.2)

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

#7BADA1

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#7BADA1
RGB
rgb(123, 173, 161)
HSL
hsl(166, 23%, 58%)
HSB
hsb(166, 29%, 68%)
CMYK
cmyk(29%, 0%, 7%, 32%)
Oklch
oklch(70.9% 0.056 178.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#E69A30

Ginger · GoldenRod · Warm Sun

HEX
#E69A30
RGB
rgb(230, 154, 48)
HSL
hsl(35, 78%, 55%)
HSB
hsb(35, 79%, 90%)
CMYK
cmyk(0%, 33%, 79%, 10%)
Oklch
oklch(74.5% 0.145 70.1)

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

#F4FCB6

Fresh Green · Bisque · Lemon Cream

HEX
#F4FCB6
RGB
rgb(244, 252, 182)
HSL
hsl(67, 92%, 85%)
HSB
hsb(67, 28%, 99%)
CMYK
cmyk(3%, 0%, 28%, 1%)
Oklch
oklch(96.9% 0.089 113.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5B88D
918EB8

Analogous

B8A68E
B5B88D
A0B88E

Triadic

B5B88D
8EB5B8
B88EB5

Split-Comp.

B5B88D
8EA0B8
A68EB8

Tetradic

B5B88D
8EB8A6
918EB8
B88EA0

Contrast Matrix WCAG 2.1 Contrast

B5B88D
FFF7B3
7BADA1
E69A30
F4FCB6
—
1.9
Fail
1.2
Fail
1.1
Fail
1.9
Fail
1.9
Fail
—
2.3
Fail
2.1
Fail
1.0
Fail
1.2
Fail
2.3
Fail
—
1.1
Fail
2.3
Fail
1.1
Fail
2.1
Fail
1.1
Fail
—
2.2
Fail
1.9
Fail
1.0
Fail
2.3
Fail
2.2
Fail
—
White BG
2.1Fail
1.1Fail
2.5Fail
2.3Fail
1.1Fail
Black BG
10.2AAA
19.2AAA
8.3AAA
9.0AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B697
FCFBC3
9191A4
C5C44A
F7F8C7

Deuteranopia

B6B69A
FCFDC7
8E8AA5
CACF50
F7F6CB

Tritanopia

B5A0A1
FFD0D3
7EA6A7
E25E62
F4D4D7

Achromatopsia

B2B2B2
F2F2F2
9D9D9D
A5A5A5
F2F2F2

Shades & Tints Shades & Tints

#B5B88D

Dark
Light

#FFF7B3

Dark
Light

#7BADA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5b88d;
  --color-2: #fff7b3;
  --color-3: #7bada1;
  --color-4: #e69a30;
  --color-5: #f4fcb6;
}

SCSS

$color-1: #b5b88d;
$color-2: #fff7b3;
$color-3: #7bada1;
$color-4: #e69a30;
$color-5: #f4fcb6;

TAILWIND

colors: {
  'brand-1': '#b5b88d',
  'brand-2': '#fff7b3',
  'brand-3': '#7bada1',
  'brand-4': '#e69a30',
  'brand-5': '#f4fcb6',
}

RGB Array

[181, 184, 141], [255, 247, 179], [123, 173, 161], [230, 154, 48], [244, 252, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #B5B88D, #FFF7B3, #7BADA1, #E69A30, #F4FCB6 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: #b5b88d; --color-2: #fff7b3; --color-3: #7bada1; --color-4: #e69a30; --color-5: #f4fcb6. 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 bright-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