← Back to Editor

#F6D5C2 · #84CCC8 · #1D8682 · #9FBEAC · #FCD6B2

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

WorkspaceReadingData Visualization

Color Details Color Details

#F6D5C2

Apricot · Wheat · Peach Orange

HEX
#F6D5C2
RGB
rgb(246, 213, 194)
HSL
hsl(22, 74%, 86%)
HSB
hsb(22, 21%, 96%)
CMYK
cmyk(0%, 13%, 21%, 4%)
Oklch
oklch(89.6% 0.045 51.8)

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

#84CCC8

Jade · SkyBlue · Lake Green

HEX
#84CCC8
RGB
rgb(132, 204, 200)
HSL
hsl(177, 41%, 66%)
HSB
hsb(177, 35%, 80%)
CMYK
cmyk(35%, 0%, 2%, 20%)
Oklch
oklch(79.7% 0.072 191.3)

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

#1D8682

Mineral Blue · Teal · Mint Ice

HEX
#1D8682
RGB
rgb(29, 134, 130)
HSL
hsl(178, 64%, 32%)
HSB
hsb(178, 78%, 53%)
CMYK
cmyk(78%, 0%, 3%, 47%)
Oklch
oklch(56.3% 0.090 191.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#9FBEAC

Celadon · DarkGray · Apple Green

HEX
#9FBEAC
RGB
rgb(159, 190, 172)
HSL
hsl(145, 19%, 68%)
HSB
hsb(145, 16%, 75%)
CMYK
cmyk(16%, 0%, 9%, 25%)
Oklch
oklch(77.3% 0.042 159.8)

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

#FCD6B2

Apricot · Wheat · Peach Orange

HEX
#FCD6B2
RGB
rgb(252, 214, 178)
HSL
hsl(29, 93%, 84%)
HSB
hsb(29, 29%, 99%)
CMYK
cmyk(0%, 15%, 29%, 1%)
Oklch
oklch(89.9% 0.064 65.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6D5C2
C1E2F6

Analogous

F6C1C8
F6D5C2
F6EFC1

Triadic

F6D5C2
C1F6D4
D4C1F6

Split-Comp.

F6D5C2
C1F6EF
C1C8F6

Tetradic

F6D5C2
C8F6C1
C1E2F6
EFC1F6

Contrast Matrix WCAG 2.1 Contrast

F6D5C2
84CCC8
1D8682
9FBEAC
FCD6B2
—
1.3
Fail
3.2
AA Large
1.5
Fail
1.0
Fail
1.3
Fail
—
2.4
Fail
1.1
Fail
1.3
Fail
3.2
AA Large
2.4
Fail
—
2.2
Fail
3.2
AA Large
1.5
Fail
1.1
Fail
2.2
Fail
—
1.5
Fail
1.0
Fail
1.3
Fail
3.2
AA Large
1.5
Fail
—
White BG
1.4Fail
1.8Fail
4.4AA Large
2.0Fail
1.4Fail
Black BG
15.2AAA
11.5AAA
4.8AA
10.4AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7C7
A3A4C9
4A4B83
ACADB0
ECEBBB

Deuteranopia

EAECC8
9F9AC9
443C83
ABA8B1
EEF1BD

Tritanopia

F4CACB
88CACA
228484
A1B4B5
FAC2C3

Achromatopsia

DDDDDD
B6B6B6
666666
B3B3B3
DDDDDD

Shades & Tints Shades & Tints

#F6D5C2

Dark
Light

#84CCC8

Dark
Light

#1D8682

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6d5c2;
  --color-2: #84ccc8;
  --color-3: #1d8682;
  --color-4: #9fbeac;
  --color-5: #fcd6b2;
}

SCSS

$color-1: #f6d5c2;
$color-2: #84ccc8;
$color-3: #1d8682;
$color-4: #9fbeac;
$color-5: #fcd6b2;

TAILWIND

colors: {
  'brand-1': '#f6d5c2',
  'brand-2': '#84ccc8',
  'brand-3': '#1d8682',
  'brand-4': '#9fbeac',
  'brand-5': '#fcd6b2',
}

RGB Array

[246, 213, 194], [132, 204, 200], [29, 134, 130], [159, 190, 172], [252, 214, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6D5C2, #84CCC8, #1D8682, #9FBEAC, #FCD6B2 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #f6d5c2; --color-2: #84ccc8; --color-3: #1d8682; --color-4: #9fbeac; --color-5: #fcd6b2. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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