← Back to Editor

#FFFCB6 · #C2EBDF · #B9E6BB · #85C7C7 · #FAFAA8

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

#FFFCB6

Fresh Green · Bisque · Lemon Cream

HEX
#FFFCB6
RGB
rgb(255, 252, 182)
HSL
hsl(58, 100%, 86%)
HSB
hsb(58, 29%, 100%)
CMYK
cmyk(0%, 1%, 29%, 0%)
Oklch
oklch(97.7% 0.088 105.9)

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

#C2EBDF

Jade · LightBlue · Glacier Blue

HEX
#C2EBDF
RGB
rgb(194, 235, 223)
HSL
hsl(162, 51%, 84%)
HSB
hsb(162, 17%, 92%)
CMYK
cmyk(17%, 0%, 5%, 8%)
Oklch
oklch(90.8% 0.046 175.6)

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

#B9E6BB

Celadon · Silver · Mint Green

HEX
#B9E6BB
RGB
rgb(185, 230, 187)
HSL
hsl(123, 47%, 81%)
HSB
hsb(123, 20%, 90%)
CMYK
cmyk(20%, 0%, 19%, 10%)
Oklch
oklch(88.2% 0.075 146.1)

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

#85C7C7

Sky Blue · SkyBlue · Lake Green

HEX
#85C7C7
RGB
rgb(133, 199, 199)
HSL
hsl(180, 37%, 65%)
HSB
hsb(180, 33%, 78%)
CMYK
cmyk(33%, 0%, 0%, 22%)
Oklch
oklch(78.6% 0.067 195.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FAFAA8

Fresh Green · Wheat · Lemon Cream

HEX
#FAFAA8
RGB
rgb(250, 250, 168)
HSL
hsl(60, 89%, 82%)
HSB
hsb(60, 33%, 98%)
CMYK
cmyk(0%, 0%, 33%, 2%)
Oklch
oklch(96.7% 0.103 108.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFCB6
B8BAFF

Analogous

FFD9B8
FFFCB6
DEFFB8

Triadic

FFFCB6
B8FFFD
FDB8FF

Split-Comp.

FFFCB6
B8DEFF
D9B8FF

Tetradic

FFFCB6
B8FFD9
B8BAFF
FFB8DE

Contrast Matrix WCAG 2.1 Contrast

FFFCB6
C2EBDF
B9E6BB
85C7C7
FAFAA8
—
1.2
Fail
1.3
Fail
1.8
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.4
Fail
1.3
Fail
1.8
Fail
1.5
Fail
1.4
Fail
—
1.8
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.8
Fail
—
White BG
1.1Fail
1.3Fail
1.4Fail
1.9Fail
1.1Fail
Black BG
19.9AAA
16.2AAA
15.1AAA
11.0AAA
19.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEC7
D4D4E2
CCCDC5
A2A2C7
FAFABC

Deuteranopia

FEFECB
D1CEE3
CAC7C8
9E99C7
FAFAC1

Tritanopia

FFD4D7
C4E4E5
BBCECF
88C7C7
FACCCF

Achromatopsia

F5F5F5
DDDDDD
D4D4D4
B3B3B3
F1F1F1

Shades & Tints Shades & Tints

#FFFCB6

Dark
Light

#C2EBDF

Dark
Light

#B9E6BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffcb6;
  --color-2: #c2ebdf;
  --color-3: #b9e6bb;
  --color-4: #85c7c7;
  --color-5: #fafaa8;
}

SCSS

$color-1: #fffcb6;
$color-2: #c2ebdf;
$color-3: #b9e6bb;
$color-4: #85c7c7;
$color-5: #fafaa8;

TAILWIND

colors: {
  'brand-1': '#fffcb6',
  'brand-2': '#c2ebdf',
  'brand-3': '#b9e6bb',
  'brand-4': '#85c7c7',
  'brand-5': '#fafaa8',
}

RGB Array

[255, 252, 182], [194, 235, 223], [185, 230, 187], [133, 199, 199], [250, 250, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFCB6, #C2EBDF, #B9E6BB, #85C7C7, #FAFAA8 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: #fffcb6; --color-2: #c2ebdf; --color-3: #b9e6bb; --color-4: #85c7c7; --color-5: #fafaa8. 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