← Back to Editor

#B3EEF2 · #66C5CC · #FFFCC7 · #FFE8D1 · #A9D9A9

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

#B3EEF2

Sky Blue · LightBlue · Glacier Blue

HEX
#B3EEF2
RGB
rgb(179, 238, 242)
HSL
hsl(184, 71%, 83%)
HSB
hsb(184, 26%, 95%)
CMYK
cmyk(26%, 2%, 0%, 5%)
Oklch
oklch(91.0% 0.060 201.4)

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

#66C5CC

Slate Blue · MediumTurquoise · Lake Green

HEX
#66C5CC
RGB
rgb(102, 197, 204)
HSL
hsl(184, 50%, 60%)
HSB
hsb(184, 50%, 80%)
CMYK
cmyk(50%, 3%, 0%, 20%)
Oklch
oklch(76.8% 0.090 201.8)

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

#FFFCC7

Fresh Green · Bisque · Lemon Cream

HEX
#FFFCC7
RGB
rgb(255, 252, 199)
HSL
hsl(57, 100%, 89%)
HSB
hsb(57, 22%, 100%)
CMYK
cmyk(0%, 1%, 22%, 0%)
Oklch
oklch(98.0% 0.068 104.9)

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

#FFE8D1

Goose Yellow · Bisque · Peach Orange

HEX
#FFE8D1
RGB
rgb(255, 232, 209)
HSL
hsl(30, 100%, 91%)
HSB
hsb(30, 18%, 100%)
CMYK
cmyk(0%, 9%, 18%, 0%)
Oklch
oklch(94.4% 0.039 67.3)

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

#A9D9A9

Celadon · Silver · Apple Green

HEX
#A9D9A9
RGB
rgb(169, 217, 169)
HSL
hsl(120, 39%, 76%)
HSB
hsb(120, 22%, 85%)
CMYK
cmyk(22%, 0%, 22%, 15%)
Oklch
oklch(83.9% 0.083 144.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3EEF2
F2B9B5

Analogous

B5F2D8
B3EEF2
B5D0F2

Triadic

B3EEF2
F2B5EE
EEF2B5

Split-Comp.

B3EEF2
F2B5D0
F2D8B5

Tetradic

B3EEF2
D8B5F2
F2B9B5
D0F2B5

Contrast Matrix WCAG 2.1 Contrast

B3EEF2
66C5CC
FFFCC7
FFE8D1
A9D9A9
—
1.6
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.6
Fail
—
1.9
Fail
1.7
Fail
1.3
Fail
1.2
Fail
1.9
Fail
—
1.1
Fail
1.5
Fail
1.1
Fail
1.7
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.3
Fail
—
White BG
1.3Fail
2.0Fail
1.0Fail
1.2Fail
1.6Fail
Black BG
16.4AAA
10.4AAA
20.0AAA
17.7AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDF1
8F90CA
FEFED4
F5F5D7
BEBEB5

Deuteranopia

C9C5F1
8A83CA
FEFED7
F6F8D8
BBB7B7

Tritanopia

B6F0F0
6BC9C9
FFDEE0
FEDBDC
ABBEC0

Achromatopsia

DDDDDD
A9A9A9
F7F7F7
ECECEC
C5C5C5

Shades & Tints Shades & Tints

#B3EEF2

Dark
Light

#66C5CC

Dark
Light

#FFFCC7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3eef2;
  --color-2: #66c5cc;
  --color-3: #fffcc7;
  --color-4: #ffe8d1;
  --color-5: #a9d9a9;
}

SCSS

$color-1: #b3eef2;
$color-2: #66c5cc;
$color-3: #fffcc7;
$color-4: #ffe8d1;
$color-5: #a9d9a9;

TAILWIND

colors: {
  'brand-1': '#b3eef2',
  'brand-2': '#66c5cc',
  'brand-3': '#fffcc7',
  'brand-4': '#ffe8d1',
  'brand-5': '#a9d9a9',
}

RGB Array

[179, 238, 242], [102, 197, 204], [255, 252, 199], [255, 232, 209], [169, 217, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3EEF2, #66C5CC, #FFFCC7, #FFE8D1, #A9D9A9 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: #b3eef2; --color-2: #66c5cc; --color-3: #fffcc7; --color-4: #ffe8d1; --color-5: #a9d9a9. 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