← Back to Editor

#F6FFE7 · #FFBEF7 · #CACCA5 · #CCA7A5 · #999999

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6FFE7

Willow Green · LightYellow · Mint Green

HEX
#F6FFE7
RGB
rgb(246, 255, 231)
HSL
hsl(83, 100%, 95%)
HSB
hsb(83, 9%, 100%)
CMYK
cmyk(4%, 0%, 9%, 0%)
Oklch
oklch(98.7% 0.033 123.8)

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

#FFBEF7

Mauve · Pink · Lavender

HEX
#FFBEF7
RGB
rgb(255, 190, 247)
HSL
hsl(307, 100%, 87%)
HSB
hsb(307, 25%, 100%)
CMYK
cmyk(0%, 25%, 3%, 0%)
Oklch
oklch(87.8% 0.104 330.7)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#CACCA5

Fresh Green · Silver · Sunflower

HEX
#CACCA5
RGB
rgb(202, 204, 165)
HSL
hsl(63, 28%, 72%)
HSB
hsb(63, 19%, 80%)
CMYK
cmyk(1%, 0%, 19%, 20%)
Oklch
oklch(83.4% 0.052 109.9)

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

#CCA7A5

Peach Pink · Tan · Coral Red

HEX
#CCA7A5
RGB
rgb(204, 167, 165)
HSL
hsl(3, 28%, 72%)
HSB
hsb(3, 19%, 80%)
CMYK
cmyk(0%, 18%, 19%, 20%)
Oklch
oklch(76.1% 0.044 21.8)

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

#999999

Ash · DarkGray · Silver Sand

HEX
#999999
RGB
rgb(153, 153, 153)
HSL
hsl(0, 0%, 60%)
HSB
hsb(0, 0%, 60%)
CMYK
cmyk(0%, 0%, 0%, 40%)
Oklch
oklch(68.3% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6FFE7
EFE5FF

Analogous

FFFCE5
F6FFE7
E8FFE5

Triadic

F6FFE7
E5F5FF
FFE5F5

Split-Comp.

F6FFE7
E5E8FF
FCE5FF

Tetradic

F6FFE7
E5FFFC
EFE5FF
FFE5E8

Contrast Matrix WCAG 2.1 Contrast

F6FFE7
FFBEF7
CACCA5
CCA7A5
999999
—
1.5
Fail
1.6
Fail
2.1
Fail
2.8
Fail
1.5
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.6
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
2.8
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
White BG
1.0Fail
1.5Fail
1.7Fail
2.2Fail
2.8Fail
Black BG
20.4AAA
14.0AAA
12.7AAA
9.6AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAED
E3E2E9
CBCBAE
BCBCA5
999999

Deuteranopia

F9F9EE
E7ECE6
CBCBB1
BEC1A6
999999

Tritanopia

F6F1F2
FCDEDC
CAB6B8
CAA6A6
999999

Achromatopsia

FAFAFA
D8D8D8
C7C7C7
B2B2B2
999999

Shades & Tints Shades & Tints

#F6FFE7

Dark
Light

#FFBEF7

Dark
Light

#CACCA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6ffe7;
  --color-2: #ffbef7;
  --color-3: #cacca5;
  --color-4: #cca7a5;
  --color-5: #999999;
}

SCSS

$color-1: #f6ffe7;
$color-2: #ffbef7;
$color-3: #cacca5;
$color-4: #cca7a5;
$color-5: #999999;

TAILWIND

colors: {
  'brand-1': '#f6ffe7',
  'brand-2': '#ffbef7',
  'brand-3': '#cacca5',
  'brand-4': '#cca7a5',
  'brand-5': '#999999',
}

RGB Array

[246, 255, 231], [255, 190, 247], [202, 204, 165], [204, 167, 165], [153, 153, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6FFE7, #FFBEF7, #CACCA5, #CCA7A5, #999999 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: #f6ffe7; --color-2: #ffbef7; --color-3: #cacca5; --color-4: #cca7a5; --color-5: #999999. 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