← Back to Editor

#BFE7A5 · #DBF5D5 · #FAFCFC · #F6E8C9 · #FBD290

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

#BFE7A5

Emerald · Silver · Apple Green

HEX
#BFE7A5
RGB
rgb(191, 231, 165)
HSL
hsl(96, 58%, 78%)
HSB
hsb(96, 29%, 91%)
CMYK
cmyk(17%, 0%, 29%, 9%)
Oklch
oklch(88.3% 0.097 133.5)

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

#DBF5D5

Emerald · Beige · Mint Green

HEX
#DBF5D5
RGB
rgb(219, 245, 213)
HSL
hsl(109, 62%, 90%)
HSB
hsb(109, 13%, 96%)
CMYK
cmyk(11%, 0%, 13%, 4%)
Oklch
oklch(94.3% 0.050 139.8)

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

#FAFCFC

Sky Blue · Snow · Glacier Blue

HEX
#FAFCFC
RGB
rgb(250, 252, 252)
HSL
hsl(180, 25%, 98%)
HSB
hsb(180, 1%, 99%)
CMYK
cmyk(1%, 0%, 0%, 1%)
Oklch
oklch(99.0% 0.002 197.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#F6E8C9

Goose Yellow · Bisque · Lemon Cream

HEX
#F6E8C9
RGB
rgb(246, 232, 201)
HSL
hsl(41, 71%, 88%)
HSB
hsb(41, 18%, 96%)
CMYK
cmyk(0%, 6%, 18%, 4%)
Oklch
oklch(93.4% 0.043 86.6)

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

#FBD290

Goose Yellow · Khaki · Peach Orange

HEX
#FBD290
RGB
rgb(251, 210, 144)
HSL
hsl(37, 93%, 77%)
HSB
hsb(37, 43%, 98%)
CMYK
cmyk(0%, 16%, 43%, 2%)
Oklch
oklch(88.4% 0.095 78.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFE7A5
CDA6E7

Analogous

E1E7A6
BFE7A5
A6E7AD

Triadic

BFE7A5
A6C0E7
E7A6C0

Split-Comp.

BFE7A5
ADA6E7
E7A6E1

Tetradic

BFE7A5
A6E1E7
CDA6E7
E7ADA6

Contrast Matrix WCAG 2.1 Contrast

BFE7A5
DBF5D5
FAFCFC
F6E8C9
FBD290
—
1.2
Fail
1.3
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
White BG
1.4Fail
1.2Fail
1.0Fail
1.2Fail
1.4Fail
Black BG
15.2AAA
18.0AAA
20.4AAA
17.3AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D1B5
E6E6DD
FBFBFC
F0F0D1
E9E9A0

Deuteranopia

CECBB9
E5E3DF
FBFBFC
F1F2D2
ECEFA4

Tritanopia

C1C2C4
DCE3E4
FAFCFC
F5D6D8
F9ADAF

Achromatopsia

D4D4D4
EAEAEA
FBFBFB
E9E9E9
D7D7D7

Shades & Tints Shades & Tints

#BFE7A5

Dark
Light

#DBF5D5

Dark
Light

#FAFCFC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfe7a5;
  --color-2: #dbf5d5;
  --color-3: #fafcfc;
  --color-4: #f6e8c9;
  --color-5: #fbd290;
}

SCSS

$color-1: #bfe7a5;
$color-2: #dbf5d5;
$color-3: #fafcfc;
$color-4: #f6e8c9;
$color-5: #fbd290;

TAILWIND

colors: {
  'brand-1': '#bfe7a5',
  'brand-2': '#dbf5d5',
  'brand-3': '#fafcfc',
  'brand-4': '#f6e8c9',
  'brand-5': '#fbd290',
}

RGB Array

[191, 231, 165], [219, 245, 213], [250, 252, 252], [246, 232, 201], [251, 210, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFE7A5, #DBF5D5, #FAFCFC, #F6E8C9, #FBD290 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: #bfe7a5; --color-2: #dbf5d5; --color-3: #fafcfc; --color-4: #f6e8c9; --color-5: #fbd290. 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