← Back to Editor

#FBF6EE · #EDFCFB · #DBF0F9 · #C9DCFF · #A5C6CC

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

#FBF6EE

Goose Yellow · SeaShell · Peach Orange

HEX
#FBF6EE
RGB
rgb(251, 246, 238)
HSL
hsl(37, 62%, 96%)
HSB
hsb(37, 5%, 98%)
CMYK
cmyk(0%, 2%, 5%, 2%)
Oklch
oklch(97.5% 0.012 79.8)

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

#EDFCFB

Jade · Snow · Glacier Blue

HEX
#EDFCFB
RGB
rgb(237, 252, 251)
HSL
hsl(176, 71%, 96%)
HSB
hsb(176, 6%, 99%)
CMYK
cmyk(6%, 0%, 0%, 1%)
Oklch
oklch(98.0% 0.016 192.1)

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

#DBF0F9

Sky Blue · Lavender · Glacier Blue

HEX
#DBF0F9
RGB
rgb(219, 240, 249)
HSL
hsl(198, 71%, 92%)
HSB
hsb(198, 12%, 98%)
CMYK
cmyk(12%, 4%, 0%, 2%)
Oklch
oklch(94.2% 0.025 225.3)

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

#C9DCFF

Azure · Lavender · Sky Blue

HEX
#C9DCFF
RGB
rgb(201, 220, 255)
HSL
hsl(219, 100%, 89%)
HSB
hsb(219, 21%, 100%)
CMYK
cmyk(21%, 14%, 0%, 0%)
Oklch
oklch(89.2% 0.053 262.7)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#A5C6CC

Sky Blue · LightSteelBlue · Lake Green

HEX
#A5C6CC
RGB
rgb(165, 198, 204)
HSL
hsl(189, 28%, 72%)
HSB
hsb(189, 19%, 80%)
CMYK
cmyk(19%, 3%, 0%, 20%)
Oklch
oklch(80.4% 0.036 209.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF6EE
EEF3FB

Analogous

FBF0EE
FBF6EE
FAFBEE

Triadic

FBF6EE
EEFBF6
F6EEFB

Split-Comp.

FBF6EE
EEFAFB
F0EEFB

Tetradic

FBF6EE
EEFBF0
EEF3FB
FBEEFA

Contrast Matrix WCAG 2.1 Contrast

FBF6EE
EDFCFB
DBF0F9
C9DCFF
A5C6CC
—
1.0
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.1Fail
1.1Fail
1.2Fail
1.4Fail
1.8Fail
Black BG
19.5AAA
19.9AAA
17.8AAA
15.2AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9F0
F3F4FB
E4E4F7
D1D1F7
B3B4CB

Deuteranopia

F9FAF0
F3F1FB
E3E1F6
D0CFF5
B1AFCA

Tritanopia

FBF1F2
EEFBFB
DCF5F5
CAF0EE
A7C9C9

Achromatopsia

F7F7F7
F7F7F7
EBEBEB
DADADA
BDBDBD

Shades & Tints Shades & Tints

#FBF6EE

Dark
Light

#EDFCFB

Dark
Light

#DBF0F9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf6ee;
  --color-2: #edfcfb;
  --color-3: #dbf0f9;
  --color-4: #c9dcff;
  --color-5: #a5c6cc;
}

SCSS

$color-1: #fbf6ee;
$color-2: #edfcfb;
$color-3: #dbf0f9;
$color-4: #c9dcff;
$color-5: #a5c6cc;

TAILWIND

colors: {
  'brand-1': '#fbf6ee',
  'brand-2': '#edfcfb',
  'brand-3': '#dbf0f9',
  'brand-4': '#c9dcff',
  'brand-5': '#a5c6cc',
}

RGB Array

[251, 246, 238], [237, 252, 251], [219, 240, 249], [201, 220, 255], [165, 198, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF6EE, #EDFCFB, #DBF0F9, #C9DCFF, #A5C6CC 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: #fbf6ee; --color-2: #edfcfb; --color-3: #dbf0f9; --color-4: #c9dcff; --color-5: #a5c6cc. 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