← Back to Editor

#B2E7CB · #FFF2D0 · #FBDDB7 · #F6C6B0 · #C6718E

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B2E7CB

Emerald · LightBlue · Apple Green

HEX
#B2E7CB
RGB
rgb(178, 231, 203)
HSL
hsl(148, 52%, 80%)
HSB
hsb(148, 23%, 91%)
CMYK
cmyk(23%, 0%, 12%, 9%)
Oklch
oklch(88.4% 0.067 161.6)

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

#FFF2D0

Goose Yellow · Beige · Lemon Cream

HEX
#FFF2D0
RGB
rgb(255, 242, 208)
HSL
hsl(43, 100%, 91%)
HSB
hsb(43, 18%, 100%)
CMYK
cmyk(0%, 5%, 18%, 0%)
Oklch
oklch(96.3% 0.046 89.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FBDDB7

Goose Yellow · Wheat · Peach Orange

HEX
#FBDDB7
RGB
rgb(251, 221, 183)
HSL
hsl(34, 89%, 85%)
HSB
hsb(34, 27%, 98%)
CMYK
cmyk(0%, 12%, 27%, 2%)
Oklch
oklch(91.3% 0.060 73.5)

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

#F6C6B0

Apricot · Wheat · Peach Orange

HEX
#F6C6B0
RGB
rgb(246, 198, 176)
HSL
hsl(19, 80%, 83%)
HSB
hsb(19, 28%, 96%)
CMYK
cmyk(0%, 20%, 28%, 4%)
Oklch
oklch(86.3% 0.063 45.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C6718E

Rouge · LightCoral · Rose Pink

HEX
#C6718E
RGB
rgb(198, 113, 142)
HSL
hsl(340, 43%, 61%)
HSB
hsb(340, 43%, 78%)
CMYK
cmyk(0%, 43%, 28%, 22%)
Oklch
oklch(65.1% 0.112 358.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2E7CB
E7B1CE

Analogous

B3E7B1
B2E7CB
B1E7E5

Triadic

B2E7CB
CAB1E7
E7CAB1

Split-Comp.

B2E7CB
E5B1E7
E7B1B3

Tetradic

B2E7CB
B1B3E7
E7B1CE
E7E5B1

Contrast Matrix WCAG 2.1 Contrast

B2E7CB
FFF2D0
FBDDB7
F6C6B0
C6718E
—
1.2
Fail
1.1
Fail
1.1
Fail
2.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
3.1
AA Large
1.1
Fail
1.2
Fail
—
1.2
Fail
2.6
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
2.2
Fail
2.5
Fail
3.1
AA Large
2.6
Fail
2.2
Fail
—
White BG
1.4Fail
1.1Fail
1.3Fail
1.5Fail
3.4AA Large
Black BG
15.2AAA
18.9AAA
16.1AAA
13.6AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9D2
F9F9D8
EEEEC0
E1E1B5
A1A087

Deuteranopia

C6C2D3
FAFBDA
F0F2C2
E4E8B7
A6AD85

Tritanopia

B5D7D8
FEDFE0
FAC7C9
F4BABA
C28180

Achromatopsia

D4D4D4
F2F2F2
E2E2E2
D2D2D2
8E8E8E

Shades & Tints Shades & Tints

#B2E7CB

Dark
Light

#FFF2D0

Dark
Light

#FBDDB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2e7cb;
  --color-2: #fff2d0;
  --color-3: #fbddb7;
  --color-4: #f6c6b0;
  --color-5: #c6718e;
}

SCSS

$color-1: #b2e7cb;
$color-2: #fff2d0;
$color-3: #fbddb7;
$color-4: #f6c6b0;
$color-5: #c6718e;

TAILWIND

colors: {
  'brand-1': '#b2e7cb',
  'brand-2': '#fff2d0',
  'brand-3': '#fbddb7',
  'brand-4': '#f6c6b0',
  'brand-5': '#c6718e',
}

RGB Array

[178, 231, 203], [255, 242, 208], [251, 221, 183], [246, 198, 176], [198, 113, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B2E7CB, #FFF2D0, #FBDDB7, #F6C6B0, #C6718E 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: #b2e7cb; --color-2: #fff2d0; --color-3: #fbddb7; --color-4: #f6c6b0; --color-5: #c6718e. 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