← Back to Editor

#BBF5E1 · #E4F3B1 · #B6B665 · #EBD54D · #F4CEDE

A 5-color palette 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

#BBF5E1

Jade · LightBlue · Mint Green

HEX
#BBF5E1
RGB
rgb(187, 245, 225)
HSL
hsl(159, 74%, 85%)
HSB
hsb(159, 24%, 96%)
CMYK
cmyk(24%, 0%, 8%, 4%)
Oklch
oklch(92.5% 0.065 171.7)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#E4F3B1

Willow Green · Wheat · Mint Green

HEX
#E4F3B1
RGB
rgb(228, 243, 177)
HSL
hsl(74, 73%, 82%)
HSB
hsb(74, 27%, 95%)
CMYK
cmyk(6%, 0%, 27%, 5%)
Oklch
oklch(93.7% 0.087 118.5)

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

#B6B665

Autumn Sage · Tan · Sunflower

HEX
#B6B665
RGB
rgb(182, 182, 101)
HSL
hsl(60, 36%, 55%)
HSB
hsb(60, 45%, 71%)
CMYK
cmyk(0%, 0%, 45%, 29%)
Oklch
oklch(75.8% 0.104 108.6)

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

#EBD54D

Fresh Green · SandyBrown · Sunflower

HEX
#EBD54D
RGB
rgb(235, 213, 77)
HSL
hsl(52, 80%, 61%)
HSB
hsb(52, 67%, 92%)
CMYK
cmyk(0%, 9%, 67%, 8%)
Oklch
oklch(86.7% 0.153 100.0)

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

#F4CEDE

Rouge · Pink · Cherry Blossom

HEX
#F4CEDE
RGB
rgb(244, 206, 222)
HSL
hsl(335, 63%, 88%)
HSB
hsb(335, 16%, 96%)
CMYK
cmyk(0%, 16%, 9%, 4%)
Oklch
oklch(88.8% 0.047 350.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBF5E1
F5BCD0

Analogous

BCF5C5
BBF5E1
BCEDF5

Triadic

BBF5E1
E1BCF5
F5E1BC

Split-Comp.

BBF5E1
F5BCED
F5C5BC

Tetradic

BBF5E1
C5BCF5
F5BCD0
EDF5BC

Contrast Matrix WCAG 2.1 Contrast

BBF5E1
E4F3B1
B6B665
EBD54D
F4CEDE
—
1.0
Fail
1.7
Fail
1.2
Fail
1.2
Fail
1.0
Fail
—
1.8
Fail
1.3
Fail
1.2
Fail
1.7
Fail
1.8
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
1.3
Fail
1.4
Fail
—
1.0
Fail
1.2
Fail
1.2
Fail
1.5
Fail
1.0
Fail
—
White BG
1.2Fail
1.2Fail
2.1Fail
1.5Fail
1.4Fail
Black BG
17.3AAA
17.8AAA
9.9AAA
14.2AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D5E6
EAEBC1
B6B679
E1E16E
E4E3DA

Deuteranopia

D1CCE7
EAE9C5
B6B67D
E3E476
E6E9D9

Tritanopia

BEEAEB
E5CED0
B6888B
EA888E
F2D7D6

Achromatopsia

E1E1E1
E7E7E7
ADADAD
CCCCCC
DBDBDB

Shades & Tints Shades & Tints

#BBF5E1

Dark
Light

#E4F3B1

Dark
Light

#B6B665

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbf5e1;
  --color-2: #e4f3b1;
  --color-3: #b6b665;
  --color-4: #ebd54d;
  --color-5: #f4cede;
}

SCSS

$color-1: #bbf5e1;
$color-2: #e4f3b1;
$color-3: #b6b665;
$color-4: #ebd54d;
$color-5: #f4cede;

TAILWIND

colors: {
  'brand-1': '#bbf5e1',
  'brand-2': '#e4f3b1',
  'brand-3': '#b6b665',
  'brand-4': '#ebd54d',
  'brand-5': '#f4cede',
}

RGB Array

[187, 245, 225], [228, 243, 177], [182, 182, 101], [235, 213, 77], [244, 206, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BBF5E1, #E4F3B1, #B6B665, #EBD54D, #F4CEDE 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: #bbf5e1; --color-2: #e4f3b1; --color-3: #b6b665; --color-4: #ebd54d; --color-5: #f4cede. 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