#FFA8BC + #BFB49E + #B2D6C8 + #C7DCC9 + #FFFFFF · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#FFA8BC

Peach Pink · LightPink · Cherry Blossom

HEX

#FFA8BC

RGB

rgb(255, 168, 188)

HSL

hsl(346, 100%, 83%)

HSB

hsb(346, 34%, 100%)

CMYK

cmyk(0%, 34%, 26%, 0%)

Oklch

oklch(82.2% 0.105 4.6)

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

#BFB49E

Ginger · Tan · Sunflower

HEX

#BFB49E

RGB

rgb(191, 180, 158)

HSL

hsl(40, 20%, 68%)

HSB

hsb(40, 17%, 75%)

CMYK

cmyk(0%, 6%, 17%, 25%)

Oklch

oklch(77.3% 0.033 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B2D6C8

Jade · Silver · Apple Green

HEX

#B2D6C8

RGB

rgb(178, 214, 200)

HSL

hsl(157, 31%, 77%)

HSB

hsb(157, 17%, 84%)

CMYK

cmyk(17%, 0%, 7%, 16%)

Oklch

oklch(84.6% 0.043 169.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C7DCC9

Celadon · LightGray · Mint Green

HEX

#C7DCC9

RGB

rgb(199, 220, 201)

HSL

hsl(126, 23%, 82%)

HSB

hsb(126, 10%, 86%)

CMYK

cmyk(10%, 0%, 9%, 14%)

Oklch

oklch(87.4% 0.034 148.0)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX

#FFFFFF

RGB

rgb(255, 255, 255)

HSL

hsl(0, 0%, 100%)

HSB

hsb(0, 0%, 100%)

CMYK

cmyk(0%, 0%, 0%, 0%)

Oklch

oklch(100.0% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA8BC

A8FFEB

Analogous

FFA8E8

FFA8BC

FFBFA8

Triadic

FFA8BC

BDFFA8

A8BDFF

Split-Comp.

FFA8BC

A8FFBF

A8E8FF

Tetradic

FFA8BC

E8FFA8

A8FFEB

BFA8FF

Contrast Matrix WCAG 2.1 Contrast

FFA8BC	BFB49E	B2D6C8	C7DCC9	FFFFFF
—	1.1 Fail	1.2 Fail	1.3 Fail	1.8 Fail
1.1 Fail	—	1.3 Fail	1.4 Fail	2.1 Fail
1.2 Fail	1.3 Fail	—	1.1 Fail	1.6 Fail
1.3 Fail	1.4 Fail	1.1 Fail	—	1.4 Fail
1.8 Fail	2.1 Fail	1.6 Fail	1.4 Fail	—

White BG

1.8Fail

2.1Fail

1.6Fail

1.4Fail

1.0Fail

Black BG

11.6AAA

10.2AAA

13.3AAA

14.5AAA

21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9B7

BABAA3

C2C2CB

D0D0CE

FFFFFF

Deuteranopia

DEE5B6

BBBCA5

C0BDCC

CFCDCF

FFFFFF

Tritanopia

FBB3B3

BEA8A8

B4CECF

C8D1D2

FFFFFF

Achromatopsia

C4C4C4

B5B5B5

CACACA

D4D4D4

FFFFFF

Shades & Tints Shades & Tints

#FFA8BC

Dark

Light

#BFB49E

Dark

Light

#B2D6C8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa8bc;
  --color-2: #bfb49e;
  --color-3: #b2d6c8;
  --color-4: #c7dcc9;
  --color-5: #ffffff;
}

SCSS

$color-1: #ffa8bc;
$color-2: #bfb49e;
$color-3: #b2d6c8;
$color-4: #c7dcc9;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#ffa8bc',
  'brand-2': '#bfb49e',
  'brand-3': '#b2d6c8',
  'brand-4': '#c7dcc9',
  'brand-5': '#ffffff',
}

RGB Array

[255, 168, 188], [191, 180, 158], [178, 214, 200], [199, 220, 201], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #FFA8BC, #BFB49E, #B2D6C8, #C7DCC9, #FFFFFF 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: #ffa8bc; --color-2: #bfb49e; --color-3: #b2d6c8; --color-4: #c7dcc9; --color-5: #ffffff. 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 minimal-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