← Back to Editor

#FCFFF7 · #FFF5D9 · #990C0C · #8F6D07 · #647350

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FCFFF7

Willow Green · Snow · Mint Green

HEX
#FCFFF7
RGB
rgb(252, 255, 247)
HSL
hsl(82, 100%, 98%)
HSB
hsb(82, 3%, 100%)
CMYK
cmyk(1%, 0%, 3%, 0%)
Oklch
oklch(99.6% 0.011 123.5)

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

#FFF5D9

Goose Yellow · Beige · Lemon Cream

HEX
#FFF5D9
RGB
rgb(255, 245, 217)
HSL
hsl(44, 100%, 93%)
HSB
hsb(44, 15%, 100%)
CMYK
cmyk(0%, 4%, 15%, 0%)
Oklch
oklch(97.1% 0.038 90.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#990C0C

Vermilion · DarkRed · Wine Red

HEX
#990C0C
RGB
rgb(153, 12, 12)
HSL
hsl(0, 85%, 32%)
HSB
hsb(0, 92%, 60%)
CMYK
cmyk(0%, 92%, 92%, 40%)
Oklch
oklch(43.4% 0.171 28.3)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#8F6D07

Ochre · Olive · Honey Gold

HEX
#8F6D07
RGB
rgb(143, 109, 7)
HSL
hsl(45, 91%, 29%)
HSB
hsb(45, 95%, 56%)
CMYK
cmyk(0%, 24%, 95%, 44%)
Oklch
oklch(55.4% 0.111 86.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#647350

Grass Green · DimGray · Forest Green

HEX
#647350
RGB
rgb(100, 115, 80)
HSL
hsl(86, 18%, 38%)
HSB
hsb(86, 30%, 45%)
CMYK
cmyk(13%, 0%, 30%, 55%)
Oklch
oklch(53.3% 0.055 127.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFFF7
F9F5FF

Analogous

FFFEF5
FCFFF7
F6FFF5

Triadic

FCFFF7
F5FBFF
FFF5FB

Split-Comp.

FCFFF7
F5F6FF
FEF5FF

Tetradic

FCFFF7
F5FFFE
F9F5FF
FFF5F6

Contrast Matrix WCAG 2.1 Contrast

FCFFF7
FFF5D9
990C0C
8F6D07
647350
—
1.1
Fail
8.6
AAA
4.8
AA
5.1
AA
1.1
Fail
—
8.0
AAA
4.4
AA Large
4.7
AA
8.6
AAA
8.0
AAA
—
1.8
Fail
1.7
Fail
4.8
AA
4.4
AA Large
1.8
Fail
—
1.1
Fail
5.1
AA
4.7
AA
1.7
Fail
1.1
Fail
—
White BG
1.0Fail
1.1Fail
8.7AAA
4.8AA
5.1AA
Black BG
20.8AAA
19.3AAA
2.4Fail
4.4AA Large
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDF9
FBFBE0
5C5B0C
808020
6A6B58

Deuteranopia

FDFDF9
FBFCE1
646F0C
828526
6A695B

Tritanopia

FCFAFB
FFE5E6
920C0C
8D3337
655F61

Achromatopsia

FDFDFD
F5F5F5
363636
6C6C6C
6B6B6B

Shades & Tints Shades & Tints

#FCFFF7

Dark
Light

#FFF5D9

Dark
Light

#990C0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfff7;
  --color-2: #fff5d9;
  --color-3: #990c0c;
  --color-4: #8f6d07;
  --color-5: #647350;
}

SCSS

$color-1: #fcfff7;
$color-2: #fff5d9;
$color-3: #990c0c;
$color-4: #8f6d07;
$color-5: #647350;

TAILWIND

colors: {
  'brand-1': '#fcfff7',
  'brand-2': '#fff5d9',
  'brand-3': '#990c0c',
  'brand-4': '#8f6d07',
  'brand-5': '#647350',
}

RGB Array

[252, 255, 247], [255, 245, 217], [153, 12, 12], [143, 109, 7], [100, 115, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCFFF7, #FFF5D9, #990C0C, #8F6D07, #647350 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fcfff7; --color-2: #fff5d9; --color-3: #990c0c; --color-4: #8f6d07; --color-5: #647350. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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