#F6D7D7 + #F6EFE8 + #F2F7CF + #D8E0B8 + #BECFB2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6D7D7

Peach Pink · Bisque · Cherry Blossom

HEX

#F6D7D7

RGB

rgb(246, 215, 215)

HSL

hsl(0, 63%, 90%)

HSB

hsb(0, 13%, 96%)

CMYK

cmyk(0%, 13%, 13%, 4%)

Oklch

oklch(90.5% 0.035 17.8)

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

#F6EFE8

Goose Yellow · Linen · Peach Orange

HEX

#F6EFE8

RGB

rgb(246, 239, 232)

HSL

hsl(30, 44%, 94%)

HSB

hsb(30, 6%, 96%)

CMYK

cmyk(0%, 3%, 6%, 4%)

Oklch

oklch(95.6% 0.012 67.7)

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

#F2F7CF

Fresh Green · Beige · Lemon Cream

HEX

#F2F7CF

RGB

rgb(242, 247, 207)

HSL

hsl(68, 71%, 89%)

HSB

hsb(68, 16%, 97%)

CMYK

cmyk(2%, 0%, 16%, 3%)

Oklch

oklch(96.2% 0.052 113.2)

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

#D8E0B8

Willow Green · Wheat · Apple Green

HEX

#D8E0B8

RGB

rgb(216, 224, 184)

HSL

hsl(72, 39%, 80%)

HSB

hsb(72, 18%, 88%)

CMYK

cmyk(4%, 0%, 18%, 12%)

Oklch

oklch(89.0% 0.054 116.7)

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

#BECFB2

Celadon · Silver · Apple Green

HEX

#BECFB2

RGB

rgb(190, 207, 178)

HSL

hsl(95, 23%, 75%)

HSB

hsb(95, 14%, 81%)

CMYK

cmyk(8%, 0%, 14%, 19%)

Oklch

oklch(83.4% 0.044 132.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6D7D7

D5F6F6

Analogous

F6D5E6

F6D7D7

F6E6D5

Triadic

F6D7D7

D5F6D5

D5D5F6

Split-Comp.

F6D7D7

D5F6E6

D5E6F6

Tetradic

F6D7D7

E6F6D5

D5F6F6

E6D5F6

Contrast Matrix WCAG 2.1 Contrast

F6D7D7	F6EFE8	F2F7CF	D8E0B8	BECFB2
—	1.2 Fail	1.2 Fail	1.0 Fail	1.2 Fail
1.2 Fail	—	1.0 Fail	1.2 Fail	1.4 Fail
1.2 Fail	1.0 Fail	—	1.2 Fail	1.5 Fail
1.0 Fail	1.2 Fail	1.2 Fail	—	1.2 Fail
1.2 Fail	1.4 Fail	1.5 Fail	1.2 Fail	—

White BG

1.3Fail

1.1Fail

1.4Fail

1.6Fail

Black BG

15.6AAA

18.4AAA

19.0AAA

15.3AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E8D7

F3F3EA

F4F4D9

DBDCC2

C5C6B9

Deuteranopia

EAEDD7

F3F4EA

F4F3DB

DBDAC4

C4C3BB

Tritanopia

F4D7D7

F6EBEB

F2E0E2

D8C9CB

BFBFC0

Achromatopsia

E0E0E0

F0F0F0

F1F1F1

D9D9D9

C7C7C7

Shades & Tints Shades & Tints

#F6D7D7

Dark

Light

#F6EFE8

Dark

Light

#F2F7CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6d7d7;
  --color-2: #f6efe8;
  --color-3: #f2f7cf;
  --color-4: #d8e0b8;
  --color-5: #becfb2;
}

SCSS

$color-1: #f6d7d7;
$color-2: #f6efe8;
$color-3: #f2f7cf;
$color-4: #d8e0b8;
$color-5: #becfb2;

TAILWIND

colors: {
  'brand-1': '#f6d7d7',
  'brand-2': '#f6efe8',
  'brand-3': '#f2f7cf',
  'brand-4': '#d8e0b8',
  'brand-5': '#becfb2',
}

RGB Array

[246, 215, 215], [246, 239, 232], [242, 247, 207], [216, 224, 184], [190, 207, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6D7D7, #F6EFE8, #F2F7CF, #D8E0B8, #BECFB2 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f6d7d7; --color-2: #f6efe8; --color-3: #f2f7cf; --color-4: #d8e0b8; --color-5: #becfb2. 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 tech, SaaS, healthcare, eco industries. 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