#72B7B2 + #7FC0B8 + #FBFEBB + #FBD5C0 + #CFA8BB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#72B7B2

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#72B7B2

RGB

rgb(114, 183, 178)

HSL

hsl(176, 32%, 58%)

HSB

hsb(176, 38%, 72%)

CMYK

cmyk(38%, 0%, 3%, 28%)

Oklch

oklch(73.2% 0.070 189.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7FC0B8

Jade · MediumAquaMarine · Lake Green

HEX

#7FC0B8

RGB

rgb(127, 192, 184)

HSL

hsl(173, 34%, 63%)

HSB

hsb(173, 34%, 75%)

CMYK

cmyk(34%, 0%, 4%, 25%)

Oklch

oklch(76.2% 0.067 186.1)

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

#FBFEBB

Fresh Green · Bisque · Lemon Cream

HEX

#FBFEBB

RGB

rgb(251, 254, 187)

HSL

hsl(63, 97%, 86%)

HSB

hsb(63, 26%, 100%)

CMYK

cmyk(1%, 0%, 26%, 0%)

Oklch

oklch(97.9% 0.085 110.0)

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

#FBD5C0

Apricot · Bisque · Peach Orange

HEX

#FBD5C0

RGB

rgb(251, 213, 192)

HSL

hsl(21, 88%, 87%)

HSB

hsb(21, 24%, 98%)

CMYK

cmyk(0%, 15%, 24%, 2%)

Oklch

oklch(90.0% 0.051 50.6)

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

#CFA8BB

Rouge · Silver · Rose Pink

HEX

#CFA8BB

RGB

rgb(207, 168, 187)

HSL

hsl(331, 29%, 74%)

HSB

hsb(331, 19%, 81%)

CMYK

cmyk(0%, 19%, 10%, 19%)

Oklch

oklch(77.2% 0.052 347.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

72B7B2

B67276

Analogous

72B68F

72B7B2

7298B6

Triadic

72B7B2

B272B6

B6B272

Split-Comp.

72B7B2

B67298

B68F72

Tetradic

72B7B2

8F72B6

B67276

98B672

Contrast Matrix WCAG 2.1 Contrast

72B7B2	7FC0B8	FBFEBB	FBD5C0	CFA8BB
—	1.1 Fail	2.2 Fail	1.7 Fail	1.1 Fail
1.1 Fail	—	2.0 Fail	1.5 Fail	1.0 Fail
2.2 Fail	2.0 Fail	—	1.3 Fail	2.0 Fail
1.7 Fail	1.5 Fail	1.3 Fail	—	1.5 Fail
1.1 Fail	1.0 Fail	2.0 Fail	1.5 Fail	—

White BG

2.3Fail

2.1Fail

1.1Fail

1.4Fail

2.1Fail

Black BG

9.1AAA

10.1AAA

20.0AAA

15.4AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9090B3

9B9CBA

FCFCCB

EBEAC5

BEBEB6

Deuteranopia

8C87B4

9793BA

FCFCCF

EDF0C6

C0C3B5

Tritanopia

75B4B4

82BBBC

FBD8DB

F9C9CA

CDB3B2

Achromatopsia

A2A2A2

ACACAC

F5F5F5

DEDEDE

B6B6B6

Shades & Tints Shades & Tints

#72B7B2

Dark

Light

#7FC0B8

Dark

Light

#FBFEBB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #72b7b2;
  --color-2: #7fc0b8;
  --color-3: #fbfebb;
  --color-4: #fbd5c0;
  --color-5: #cfa8bb;
}

SCSS

$color-1: #72b7b2;
$color-2: #7fc0b8;
$color-3: #fbfebb;
$color-4: #fbd5c0;
$color-5: #cfa8bb;

TAILWIND

colors: {
  'brand-1': '#72b7b2',
  'brand-2': '#7fc0b8',
  'brand-3': '#fbfebb',
  'brand-4': '#fbd5c0',
  'brand-5': '#cfa8bb',
}

RGB Array

[114, 183, 178], [127, 192, 184], [251, 254, 187], [251, 213, 192], [207, 168, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #72B7B2, #7FC0B8, #FBFEBB, #FBD5C0, #CFA8BB 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: #72b7b2; --color-2: #7fc0b8; --color-3: #fbfebb; --color-4: #fbd5c0; --color-5: #cfa8bb. 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