← Back to Editor

#FCFAFA · #5CB9AC · #D5C978 · #F2836F · #060538

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FCFAFA

Peach Pink · Snow · Cherry Blossom

HEX
#FCFAFA
RGB
rgb(252, 250, 250)
HSL
hsl(0, 25%, 98%)
HSB
hsb(0, 1%, 99%)
CMYK
cmyk(0%, 1%, 1%, 1%)
Oklch
oklch(98.7% 0.002 17.2)

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

#5CB9AC

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5CB9AC
RGB
rgb(92, 185, 172)
HSL
hsl(172, 40%, 54%)
HSB
hsb(172, 50%, 73%)
CMYK
cmyk(50%, 0%, 7%, 27%)
Oklch
oklch(72.5% 0.091 183.5)

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

#D5C978

Fresh Green · BurlyWood · Sunflower

HEX
#D5C978
RGB
rgb(213, 201, 120)
HSL
hsl(52, 53%, 65%)
HSB
hsb(52, 44%, 84%)
CMYK
cmyk(0%, 6%, 44%, 16%)
Oklch
oklch(82.8% 0.103 100.9)

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

#F2836F

Peach Pink · Salmon · Coral Red

HEX
#F2836F
RGB
rgb(242, 131, 111)
HSL
hsl(9, 83%, 69%)
HSB
hsb(9, 54%, 95%)
CMYK
cmyk(0%, 46%, 54%, 5%)
Oklch
oklch(72.8% 0.140 31.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#060538

Deep Indigo · Black · Deep Sea Blue

HEX
#060538
RGB
rgb(6, 5, 56)
HSL
hsl(241, 84%, 12%)
HSB
hsb(241, 91%, 22%)
CMYK
cmyk(89%, 91%, 0%, 78%)
Oklch
oklch(17.3% 0.095 271.7)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFAFA
F9FBFB

Analogous

FBF9FA
FCFAFA
FBFAF9

Triadic

FCFAFA
F9FBF9
F9F9FB

Split-Comp.

FCFAFA
F9FBFA
F9FAFB

Tetradic

FCFAFA
FAFBF9
F9FBFB
FAF9FB

Contrast Matrix WCAG 2.1 Contrast

FCFAFA
5CB9AC
D5C978
F2836F
060538
—
2.2
Fail
1.6
Fail
2.4
Fail
18.6
AAA
2.2
Fail
—
1.4
Fail
1.1
Fail
8.3
AAA
1.6
Fail
1.4
Fail
—
1.5
Fail
11.5
AAA
2.4
Fail
1.1
Fail
1.5
Fail
—
7.6
AAA
18.6
AAA
8.3
AAA
11.5
AAA
7.6
AAA
—
White BG
1.0Fail
2.3Fail
1.7Fail
2.5Fail
19.3AAA
Black BG
20.2AAA
9.0AAA
12.5AAA
8.3AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBFA
8485AF
D0D08C
C2C174
06062C

Deuteranopia

FBFBFA
7F78B0
D1D190
C8D175
060629

Tritanopia

FCFAFA
61B2B2
D49B9E
EC7879
062220

Achromatopsia

FBFBFB
9C9C9C
C3C3C3
A2A2A2
0B0B0B

Shades & Tints Shades & Tints

#FCFAFA

Dark
Light

#5CB9AC

Dark
Light

#D5C978

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfafa;
  --color-2: #5cb9ac;
  --color-3: #d5c978;
  --color-4: #f2836f;
  --color-5: #060538;
}

SCSS

$color-1: #fcfafa;
$color-2: #5cb9ac;
$color-3: #d5c978;
$color-4: #f2836f;
$color-5: #060538;

TAILWIND

colors: {
  'brand-1': '#fcfafa',
  'brand-2': '#5cb9ac',
  'brand-3': '#d5c978',
  'brand-4': '#f2836f',
  'brand-5': '#060538',
}

RGB Array

[252, 250, 250], [92, 185, 172], [213, 201, 120], [242, 131, 111], [6, 5, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCFAFA, #5CB9AC, #D5C978, #F2836F, #060538 is ideal for: 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: #fcfafa; --color-2: #5cb9ac; --color-3: #d5c978; --color-4: #f2836f; --color-5: #060538. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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