← Back to Editor

#A7E4D9 · #F4E1BE · #FCBDBD · #FCE6BD · #D0E5E5

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

#A7E4D9

Jade · LightBlue · Glacier Blue

HEX
#A7E4D9
RGB
rgb(167, 228, 217)
HSL
hsl(169, 53%, 77%)
HSB
hsb(169, 27%, 89%)
CMYK
cmyk(27%, 0%, 5%, 11%)
Oklch
oklch(87.4% 0.064 182.4)

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

#F4E1BE

Goose Yellow · Wheat · Peach Orange

HEX
#F4E1BE
RGB
rgb(244, 225, 190)
HSL
hsl(39, 71%, 85%)
HSB
hsb(39, 22%, 96%)
CMYK
cmyk(0%, 8%, 22%, 4%)
Oklch
oklch(91.6% 0.050 82.8)

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

#FCBDBD

Peach Pink · LightPink · Cherry Blossom

HEX
#FCBDBD
RGB
rgb(252, 189, 189)
HSL
hsl(0, 91%, 86%)
HSB
hsb(0, 25%, 99%)
CMYK
cmyk(0%, 25%, 25%, 1%)
Oklch
oklch(85.6% 0.073 18.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FCE6BD

Goose Yellow · Bisque · Peach Orange

HEX
#FCE6BD
RGB
rgb(252, 230, 189)
HSL
hsl(39, 91%, 86%)
HSB
hsb(39, 25%, 99%)
CMYK
cmyk(0%, 9%, 25%, 1%)
Oklch
oklch(93.3% 0.058 83.0)

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

#D0E5E5

Sky Blue · LightGray · Glacier Blue

HEX
#D0E5E5
RGB
rgb(208, 229, 229)
HSL
hsl(180, 29%, 86%)
HSB
hsb(180, 9%, 90%)
CMYK
cmyk(9%, 0%, 0%, 10%)
Oklch
oklch(90.6% 0.022 196.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7E4D9
E3A5B1

Analogous

A5E3B9
A7E4D9
A5D0E3

Triadic

A7E4D9
D8A5E3
E3D8A5

Split-Comp.

A7E4D9
E3A5D0
E3B9A5

Tetradic

A7E4D9
B9A5E3
E3A5B1
D0E3A5

Contrast Matrix WCAG 2.1 Contrast

A7E4D9
F4E1BE
FCBDBD
FCE6BD
D0E5E5
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
White BG
1.4Fail
1.3Fail
1.6Fail
1.2Fail
1.3Fail
Black BG
14.7AAA
16.4AAA
13.2AAA
17.2AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C2DC
ECECC6
E1E0BD
F2F2C7
D9D9E5

Deuteranopia

BEB9DC
EDEEC9
E4E9BD
F4F5C9
D8D6E5

Tritanopia

AADEDE
F3CDCF
F9BDBD
FBCFD0
D1E5E5

Achromatopsia

D1D1D1
E3E3E3
D0D0D0
E8E8E8
DFDFDF

Shades & Tints Shades & Tints

#A7E4D9

Dark
Light

#F4E1BE

Dark
Light

#FCBDBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7e4d9;
  --color-2: #f4e1be;
  --color-3: #fcbdbd;
  --color-4: #fce6bd;
  --color-5: #d0e5e5;
}

SCSS

$color-1: #a7e4d9;
$color-2: #f4e1be;
$color-3: #fcbdbd;
$color-4: #fce6bd;
$color-5: #d0e5e5;

TAILWIND

colors: {
  'brand-1': '#a7e4d9',
  'brand-2': '#f4e1be',
  'brand-3': '#fcbdbd',
  'brand-4': '#fce6bd',
  'brand-5': '#d0e5e5',
}

RGB Array

[167, 228, 217], [244, 225, 190], [252, 189, 189], [252, 230, 189], [208, 229, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7E4D9, #F4E1BE, #FCBDBD, #FCE6BD, #D0E5E5 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: #a7e4d9; --color-2: #f4e1be; --color-3: #fcbdbd; --color-4: #fce6bd; --color-5: #d0e5e5. 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