← Back to Editor

#F9F5D9 · #C5EFFC · #9DF5C1 · #82D986 · #614A5B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F9F5D9

Fresh Green · Beige · Lemon Cream

HEX
#F9F5D9
RGB
rgb(249, 245, 217)
HSL
hsl(53, 73%, 91%)
HSB
hsb(53, 13%, 98%)
CMYK
cmyk(0%, 2%, 13%, 2%)
Oklch
oklch(96.6% 0.037 100.4)

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

#C5EFFC

Sky Blue · Lavender · Glacier Blue

HEX
#C5EFFC
RGB
rgb(197, 239, 252)
HSL
hsl(194, 90%, 88%)
HSB
hsb(194, 22%, 99%)
CMYK
cmyk(22%, 5%, 0%, 1%)
Oklch
oklch(92.7% 0.047 218.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#9DF5C1

Emerald · LightBlue · Apple Green

HEX
#9DF5C1
RGB
rgb(157, 245, 193)
HSL
hsl(145, 81%, 79%)
HSB
hsb(145, 36%, 96%)
CMYK
cmyk(36%, 0%, 21%, 4%)
Oklch
oklch(90.1% 0.112 157.3)

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

#82D986

Emerald · LightGreen · Apple Green

HEX
#82D986
RGB
rgb(130, 217, 134)
HSL
hsl(123, 53%, 68%)
HSB
hsb(123, 40%, 85%)
CMYK
cmyk(40%, 0%, 38%, 15%)
Oklch
oklch(81.0% 0.143 145.1)

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

#614A5B

Rose Purple · DimGray · Eggplant

HEX
#614A5B
RGB
rgb(97, 74, 91)
HSL
hsl(316, 13%, 34%)
HSB
hsb(316, 24%, 38%)
CMYK
cmyk(0%, 24%, 6%, 62%)
Oklch
oklch(43.9% 0.041 335.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9F5D9
D7DBF9

Analogous

F9E4D7
F9F5D9
ECF9D7

Triadic

F9F5D9
D7F9F5
F5D7F9

Split-Comp.

F9F5D9
D7ECF9
E4D7F9

Tetradic

F9F5D9
D7F9E4
D7DBF9
F9D7EC

Contrast Matrix WCAG 2.1 Contrast

F9F5D9
C5EFFC
9DF5C1
82D986
614A5B
—
1.1
Fail
1.2
Fail
1.6
Fail
7.2
AAA
1.1
Fail
—
1.1
Fail
1.4
Fail
6.5
AA
1.2
Fail
1.1
Fail
—
1.3
Fail
6.2
AA
1.6
Fail
1.4
Fail
1.3
Fail
—
4.6
AA
7.2
AAA
6.5
AA
6.2
AA
4.6
AA
—
White BG
1.1Fail
1.2Fail
1.3Fail
1.7Fail
8.0AAA
Black BG
19.1AAA
17.1AAA
16.3AAA
12.2AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7E0
D7D8F9
C3C4CE
A8A89A
575757

Deuteranopia

F8F8E1
D5D2F8
BEB7D1
A39C9F
585A56

Tritanopia

F9E5E6
C7F6F6
A1D8DA
86AAAD
605453

Achromatopsia

F3F3F3
E4E4E4
D5D5D5
B6B6B6
535353

Shades & Tints Shades & Tints

#F9F5D9

Dark
Light

#C5EFFC

Dark
Light

#9DF5C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9f5d9;
  --color-2: #c5effc;
  --color-3: #9df5c1;
  --color-4: #82d986;
  --color-5: #614a5b;
}

SCSS

$color-1: #f9f5d9;
$color-2: #c5effc;
$color-3: #9df5c1;
$color-4: #82d986;
$color-5: #614a5b;

TAILWIND

colors: {
  'brand-1': '#f9f5d9',
  'brand-2': '#c5effc',
  'brand-3': '#9df5c1',
  'brand-4': '#82d986',
  'brand-5': '#614a5b',
}

RGB Array

[249, 245, 217], [197, 239, 252], [157, 245, 193], [130, 217, 134], [97, 74, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9F5D9, #C5EFFC, #9DF5C1, #82D986, #614A5B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #f9f5d9; --color-2: #c5effc; --color-3: #9df5c1; --color-4: #82d986; --color-5: #614a5b. 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 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