← Back to Editor

#F5FCF8 · #9CFFC2 · #BDD4B0 · #D9AF9A · #FF6666

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 App

Color Details Color Details

#F5FCF8

Emerald · Snow · Mint Green

HEX
#F5FCF8
RGB
rgb(245, 252, 248)
HSL
hsl(146, 54%, 97%)
HSB
hsb(146, 3%, 99%)
CMYK
cmyk(3%, 0%, 2%, 1%)
Oklch
oklch(98.5% 0.009 161.4)

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

#9CFFC2

Emerald · LightGreen · Mint Green

HEX
#9CFFC2
RGB
rgb(156, 255, 194)
HSL
hsl(143, 100%, 81%)
HSB
hsb(143, 39%, 100%)
CMYK
cmyk(39%, 0%, 24%, 0%)
Oklch
oklch(92.3% 0.126 155.9)

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

#BDD4B0

Celadon · Silver · Apple Green

HEX
#BDD4B0
RGB
rgb(189, 212, 176)
HSL
hsl(98, 30%, 76%)
HSB
hsb(98, 17%, 83%)
CMYK
cmyk(11%, 0%, 17%, 17%)
Oklch
oklch(84.3% 0.055 134.2)

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

#D9AF9A

Apricot · Tan · Warm Sun

HEX
#D9AF9A
RGB
rgb(217, 175, 154)
HSL
hsl(20, 45%, 73%)
HSB
hsb(20, 29%, 85%)
CMYK
cmyk(0%, 19%, 29%, 15%)
Oklch
oklch(78.6% 0.057 48.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF6666

Peach Pink · Salmon · Coral Red

HEX
#FF6666
RGB
rgb(255, 102, 102)
HSL
hsl(0, 100%, 70%)
HSB
hsb(0, 60%, 100%)
CMYK
cmyk(0%, 60%, 60%, 0%)
Oklch
oklch(70.4% 0.187 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5FCF8
FBF3F8

Analogous

F4FBF3
F5FCF8
F3FBFB

Triadic

F5FCF8
F7F3FB
FBF7F3

Split-Comp.

F5FCF8
FBF3FB
FBF3F4

Tetradic

F5FCF8
F3F4FB
FBF3F8
FBFBF3

Contrast Matrix WCAG 2.1 Contrast

F5FCF8
9CFFC2
BDD4B0
D9AF9A
FF6666
—
1.2
Fail
1.5
Fail
1.9
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.4
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
2.7
Fail
2.4
Fail
1.8
Fail
1.4
Fail
—
White BG
1.0Fail
1.2Fail
1.6Fail
2.0Fail
2.9Fail
Black BG
20.2AAA
17.5AAA
13.2AAA
10.5AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8F9
C7C8D1
C7C7B9
C7C69F
BDBB66

Deuteranopia

F8F7F9
C1BAD4
C6C4BB
C9CCA0
C6D166

Tritanopia

F5FAFA
A1DCDF
BEC0C1
D7A3A4
F76666

Achromatopsia

F9F9F9
DADADA
C9C9C9
B9B9B9
949494

Shades & Tints Shades & Tints

#F5FCF8

Dark
Light

#9CFFC2

Dark
Light

#BDD4B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5fcf8;
  --color-2: #9cffc2;
  --color-3: #bdd4b0;
  --color-4: #d9af9a;
  --color-5: #ff6666;
}

SCSS

$color-1: #f5fcf8;
$color-2: #9cffc2;
$color-3: #bdd4b0;
$color-4: #d9af9a;
$color-5: #ff6666;

TAILWIND

colors: {
  'brand-1': '#f5fcf8',
  'brand-2': '#9cffc2',
  'brand-3': '#bdd4b0',
  'brand-4': '#d9af9a',
  'brand-5': '#ff6666',
}

RGB Array

[245, 252, 248], [156, 255, 194], [189, 212, 176], [217, 175, 154], [255, 102, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5FCF8, #9CFFC2, #BDD4B0, #D9AF9A, #FF6666 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #f5fcf8; --color-2: #9cffc2; --color-3: #bdd4b0; --color-4: #d9af9a; --color-5: #ff6666. 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 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