← Back to Editor

#FFF6C8 · #FECCCD · #FFA7E5 · #88B1D1 · #B8D3DA

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

#FFF6C8

Fresh Green · Bisque · Lemon Cream

HEX
#FFF6C8
RGB
rgb(255, 246, 200)
HSL
hsl(50, 100%, 89%)
HSB
hsb(50, 22%, 100%)
CMYK
cmyk(0%, 4%, 22%, 0%)
Oklch
oklch(96.9% 0.060 98.2)

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

#FECCCD

Peach Pink · Pink · Cherry Blossom

HEX
#FECCCD
RGB
rgb(254, 204, 205)
HSL
hsl(359, 96%, 90%)
HSB
hsb(359, 20%, 100%)
CMYK
cmyk(0%, 20%, 19%, 0%)
Oklch
oklch(88.9% 0.057 16.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFA7E5

Mauve · Pink · Lavender

HEX
#FFA7E5
RGB
rgb(255, 167, 229)
HSL
hsl(318, 100%, 83%)
HSB
hsb(318, 35%, 100%)
CMYK
cmyk(0%, 35%, 10%, 0%)
Oklch
oklch(83.3% 0.129 338.4)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#88B1D1

Sky Blue · SkyBlue · Cobalt Blue

HEX
#88B1D1
RGB
rgb(136, 177, 209)
HSL
hsl(206, 44%, 68%)
HSB
hsb(206, 35%, 82%)
CMYK
cmyk(35%, 15%, 0%, 18%)
Oklch
oklch(74.2% 0.064 242.2)

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

#B8D3DA

Sky Blue · LightBlue · Glacier Blue

HEX
#B8D3DA
RGB
rgb(184, 211, 218)
HSL
hsl(192, 31%, 79%)
HSB
hsb(192, 16%, 85%)
CMYK
cmyk(16%, 3%, 0%, 15%)
Oklch
oklch(84.9% 0.030 215.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF6C8
C7D0FF

Analogous

FFDAC7
FFF6C8
ECFFC7

Triadic

FFF6C8
C7FFF6
F6C7FF

Split-Comp.

FFF6C8
C7ECFF
DAC7FF

Tetradic

FFF6C8
C7FFDA
C7D0FF
FFC7EC

Contrast Matrix WCAG 2.1 Contrast

FFF6C8
FECCCD
FFA7E5
88B1D1
B8D3DA
—
1.3
Fail
1.6
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.1
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.4
Fail
—
White BG
1.1Fail
1.4Fail
1.8Fail
2.3Fail
1.6Fail
Black BG
19.3AAA
14.7AAA
11.9AAA
9.3AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBD3
E8E8CD
D9D8D6
9A9AC9
C4C4D8

Deuteranopia

FCFCD6
EBEFCD
DEE5D2
9794C7
C2C0D8

Tritanopia

FFDCDE
FBCDCD
FBCAC8
8AC3C2
B9D7D7

Achromatopsia

F3F3F3
DBDBDB
C8C8C8
A8A8A8
CCCCCC

Shades & Tints Shades & Tints

#FFF6C8

Dark
Light

#FECCCD

Dark
Light

#FFA7E5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff6c8;
  --color-2: #fecccd;
  --color-3: #ffa7e5;
  --color-4: #88b1d1;
  --color-5: #b8d3da;
}

SCSS

$color-1: #fff6c8;
$color-2: #fecccd;
$color-3: #ffa7e5;
$color-4: #88b1d1;
$color-5: #b8d3da;

TAILWIND

colors: {
  'brand-1': '#fff6c8',
  'brand-2': '#fecccd',
  'brand-3': '#ffa7e5',
  'brand-4': '#88b1d1',
  'brand-5': '#b8d3da',
}

RGB Array

[255, 246, 200], [254, 204, 205], [255, 167, 229], [136, 177, 209], [184, 211, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF6C8, #FECCCD, #FFA7E5, #88B1D1, #B8D3DA 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: #fff6c8; --color-2: #fecccd; --color-3: #ffa7e5; --color-4: #88b1d1; --color-5: #b8d3da. 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