← Back to Editor

#F7F6B2 · #FFB8A1 · #FFCFDD · #EBEBEB · #D9FFE9

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

#F7F6B2

Fresh Green · Wheat · Lemon Cream

HEX
#F7F6B2
RGB
rgb(247, 246, 178)
HSL
hsl(59, 81%, 83%)
HSB
hsb(59, 28%, 97%)
CMYK
cmyk(0%, 0%, 28%, 3%)
Oklch
oklch(95.8% 0.086 107.2)

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

#FFB8A1

Apricot · LightPink · Peach Orange

HEX
#FFB8A1
RGB
rgb(255, 184, 161)
HSL
hsl(15, 100%, 82%)
HSB
hsb(15, 37%, 100%)
CMYK
cmyk(0%, 28%, 37%, 0%)
Oklch
oklch(84.3% 0.089 38.7)

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

#FFCFDD

Rouge · Pink · Cherry Blossom

HEX
#FFCFDD
RGB
rgb(255, 207, 221)
HSL
hsl(343, 100%, 91%)
HSB
hsb(343, 19%, 100%)
CMYK
cmyk(0%, 19%, 13%, 0%)
Oklch
oklch(90.0% 0.057 358.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EBEBEB

Plain White · Lavender · Cloud White

HEX
#EBEBEB
RGB
rgb(235, 235, 235)
HSL
hsl(0, 0%, 92%)
HSB
hsb(0, 0%, 92%)
CMYK
cmyk(0%, 0%, 0%, 8%)
Oklch
oklch(94.0% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#D9FFE9

Emerald · Beige · Mint Green

HEX
#D9FFE9
RGB
rgb(217, 255, 233)
HSL
hsl(145, 100%, 93%)
HSB
hsb(145, 15%, 100%)
CMYK
cmyk(15%, 0%, 9%, 0%)
Oklch
oklch(96.7% 0.049 160.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7F6B2
B1B2F7

Analogous

F7D2B1
F7F6B2
D5F7B1

Triadic

F7F6B2
B1F7F6
F6B1F7

Split-Comp.

F7F6B2
B1D5F7
D2B1F7

Tetradic

F7F6B2
B1F7D2
B1B2F7
F7B1D5

Contrast Matrix WCAG 2.1 Contrast

F7F6B2
FFB8A1
FFCFDD
EBEBEB
D9FFE9
—
1.5
Fail
1.2
Fail
1.1
Fail
1.0
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
1.1Fail
1.7Fail
1.4Fail
1.2Fail
1.1Fail
Black BG
18.8AAA
12.6AAA
15.2AAA
17.6AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7C2
E0E0A7
EAEADA
EBEBEB
E9EAEE

Deuteranopia

F7F7C6
E4EAA8
EDF1D9
EBEBEB
E7E4F0

Tritanopia

F7CFD2
FBABAC
FDD7D6
EBEBEB
DBF3F3

Achromatopsia

EFEFEF
CBCBCB
DFDFDF
EBEBEB
F1F1F1

Shades & Tints Shades & Tints

#F7F6B2

Dark
Light

#FFB8A1

Dark
Light

#FFCFDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7f6b2;
  --color-2: #ffb8a1;
  --color-3: #ffcfdd;
  --color-4: #ebebeb;
  --color-5: #d9ffe9;
}

SCSS

$color-1: #f7f6b2;
$color-2: #ffb8a1;
$color-3: #ffcfdd;
$color-4: #ebebeb;
$color-5: #d9ffe9;

TAILWIND

colors: {
  'brand-1': '#f7f6b2',
  'brand-2': '#ffb8a1',
  'brand-3': '#ffcfdd',
  'brand-4': '#ebebeb',
  'brand-5': '#d9ffe9',
}

RGB Array

[247, 246, 178], [255, 184, 161], [255, 207, 221], [235, 235, 235], [217, 255, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7F6B2, #FFB8A1, #FFCFDD, #EBEBEB, #D9FFE9 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: #f7f6b2; --color-2: #ffb8a1; --color-3: #ffcfdd; --color-4: #ebebeb; --color-5: #d9ffe9. 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