#F2FECE + #99D1B7 + #957691 + #C04073 + #BEDB84 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F2FECE

Willow Green · Beige · Mint Green

HEX

#F2FECE

RGB

rgb(242, 254, 206)

HSL

hsl(75, 96%, 90%)

HSB

hsb(75, 19%, 100%)

CMYK

cmyk(5%, 0%, 19%, 0%)

Oklch

oklch(97.6% 0.063 119.0)

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

#99D1B7

Jade · Silver · Apple Green

HEX

#99D1B7

RGB

rgb(153, 209, 183)

HSL

hsl(152, 38%, 71%)

HSB

hsb(152, 27%, 82%)

CMYK

cmyk(27%, 0%, 12%, 18%)

Oklch

oklch(81.5% 0.069 164.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#957691

Rose Purple · Gray · Violet

HEX

#957691

RGB

rgb(149, 118, 145)

HSL

hsl(308, 13%, 52%)

HSB

hsb(308, 21%, 58%)

CMYK

cmyk(0%, 21%, 3%, 42%)

Oklch

oklch(60.5% 0.054 330.6)

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

#C04073

Dark Violet · MediumVioletRed · Camellia

HEX

#C04073

RGB

rgb(192, 64, 115)

HSL

hsl(336, 50%, 50%)

HSB

hsb(336, 67%, 75%)

CMYK

cmyk(0%, 67%, 40%, 25%)

Oklch

oklch(56.6% 0.169 359.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#BEDB84

Willow Green · Tan · Apple Green

HEX

#BEDB84

RGB

rgb(190, 219, 132)

HSL

hsl(80, 55%, 69%)

HSB

hsb(80, 40%, 86%)

CMYK

cmyk(13%, 0%, 40%, 14%)

Oklch

oklch(85.0% 0.117 123.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2FECE

D9CDFE

Analogous

FEF2CD

F2FECE

D9FECD

Triadic

F2FECE

CDF2FE

FECDF2

Split-Comp.

F2FECE

CDD9FE

F2CDFE

Tetradic

F2FECE

CDFEF2

D9CDFE

FECDD9

Contrast Matrix WCAG 2.1 Contrast

F2FECE	99D1B7	957691	C04073	BEDB84
—	1.6 Fail	3.8 AA Large	4.7 AA	1.5 Fail
1.6 Fail	—	2.3 Fail	2.9 Fail	1.1 Fail
3.8 AA Large	2.3 Fail	—	1.3 Fail	2.6 Fail
4.7 AA	2.9 Fail	1.3 Fail	—	3.2 AA Large
1.5 Fail	1.1 Fail	2.6 Fail	3.2 AA Large	—

White BG

1.1Fail

1.7Fail

4.0AA Large

5.0AA

1.5Fail

Black BG

19.8AAA

12.2AAA

5.3AA

4.2AA Large

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7DA

B1B2BD

88878A

898767

CBCB99

Deuteranopia

F7F6DC

AEAABF

898C89

909A64

C9C79E

Tritanopia

F3E3E5

9CC2C3

938584

BA5D5B

BFAAAD

Achromatopsia

F5F5F5

BDBDBD

828282

6C6C6C

C8C8C8

Shades & Tints Shades & Tints

#F2FECE

Dark

Light

#99D1B7

Dark

Light

#957691

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2fece;
  --color-2: #99d1b7;
  --color-3: #957691;
  --color-4: #c04073;
  --color-5: #bedb84;
}

SCSS

$color-1: #f2fece;
$color-2: #99d1b7;
$color-3: #957691;
$color-4: #c04073;
$color-5: #bedb84;

TAILWIND

colors: {
  'brand-1': '#f2fece',
  'brand-2': '#99d1b7',
  'brand-3': '#957691',
  'brand-4': '#c04073',
  'brand-5': '#bedb84',
}

RGB Array

[242, 254, 206], [153, 209, 183], [149, 118, 145], [192, 64, 115], [190, 219, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2FECE, #99D1B7, #957691, #C04073, #BEDB84 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: #f2fece; --color-2: #99d1b7; --color-3: #957691; --color-4: #c04073; --color-5: #bedb84. 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