← Back to Editor

#8FC2BF · #6AE8D9 · #C2CFC5 · #E9CDC2 · #FACFBA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8FC2BF

Jade · DarkGray · Lake Green

HEX
#8FC2BF
RGB
rgb(143, 194, 191)
HSL
hsl(176, 29%, 66%)
HSB
hsb(176, 26%, 76%)
CMYK
cmyk(26%, 0%, 2%, 24%)
Oklch
oklch(77.8% 0.054 191.6)

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

#6AE8D9

Jade · SkyBlue · Lake Green

HEX
#6AE8D9
RGB
rgb(106, 232, 217)
HSL
hsl(173, 73%, 66%)
HSB
hsb(173, 54%, 91%)
CMYK
cmyk(54%, 0%, 6%, 9%)
Oklch
oklch(85.6% 0.115 184.8)

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

#C2CFC5

Celadon · Silver · Apple Green

HEX
#C2CFC5
RGB
rgb(194, 207, 197)
HSL
hsl(134, 12%, 79%)
HSB
hsb(134, 6%, 81%)
CMYK
cmyk(6%, 0%, 5%, 19%)
Oklch
oklch(84.2% 0.020 152.8)

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

#E9CDC2

Apricot · Wheat · Peach Orange

HEX
#E9CDC2
RGB
rgb(233, 205, 194)
HSL
hsl(17, 47%, 84%)
HSB
hsb(17, 17%, 91%)
CMYK
cmyk(0%, 12%, 17%, 9%)
Oklch
oklch(86.9% 0.035 42.7)

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

#FACFBA

Apricot · Wheat · Peach Orange

HEX
#FACFBA
RGB
rgb(250, 207, 186)
HSL
hsl(20, 86%, 85%)
HSB
hsb(20, 26%, 98%)
CMYK
cmyk(0%, 17%, 26%, 2%)
Oklch
oklch(88.6% 0.056 47.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FC2BF
C18F93

Analogous

8FC1A5
8FC2BF
8FACC1

Triadic

8FC2BF
BE8FC1
C1BE8F

Split-Comp.

8FC2BF
C18FAC
C1A58F

Tetradic

8FC2BF
A58FC1
C18F93
ACC18F

Contrast Matrix WCAG 2.1 Contrast

8FC2BF
6AE8D9
C2CFC5
E9CDC2
FACFBA
—
1.3
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
White BG
2.0Fail
1.5Fail
1.6Fail
1.5Fail
1.4Fail
Black BG
10.6AAA
14.2AAA
13.0AAA
14.0AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A6C0
A1A2DD
C8C8C7
DDDDC5
E7E7BF

Deuteranopia

A29EC0
9990DD
C7C6C8
DFE1C5
EAEDC0

Tritanopia

92C0C0
70DFE0
C3C9CA
E8C7C7
F8C3C4

Achromatopsia

B2B2B2
C1C1C1
CACACA
D4D4D4
D9D9D9

Shades & Tints Shades & Tints

#8FC2BF

Dark
Light

#6AE8D9

Dark
Light

#C2CFC5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8fc2bf;
  --color-2: #6ae8d9;
  --color-3: #c2cfc5;
  --color-4: #e9cdc2;
  --color-5: #facfba;
}

SCSS

$color-1: #8fc2bf;
$color-2: #6ae8d9;
$color-3: #c2cfc5;
$color-4: #e9cdc2;
$color-5: #facfba;

TAILWIND

colors: {
  'brand-1': '#8fc2bf',
  'brand-2': '#6ae8d9',
  'brand-3': '#c2cfc5',
  'brand-4': '#e9cdc2',
  'brand-5': '#facfba',
}

RGB Array

[143, 194, 191], [106, 232, 217], [194, 207, 197], [233, 205, 194], [250, 207, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8FC2BF, #6AE8D9, #C2CFC5, #E9CDC2, #FACFBA 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: #8fc2bf; --color-2: #6ae8d9; --color-3: #c2cfc5; --color-4: #e9cdc2; --color-5: #facfba. 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