← Back to Editor

#FA2968 · #E5AA7A · #CFF09F · #B9F9C5 · #C5D7F3

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 App

Color Details Color Details

#FA2968

Dark Violet · DeepPink · Rose Pink

HEX
#FA2968
RGB
rgb(250, 41, 104)
HSL
hsl(342, 95%, 57%)
HSB
hsb(342, 84%, 98%)
CMYK
cmyk(0%, 84%, 58%, 2%)
Oklch
oklch(64.2% 0.238 11.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E5AA7A

Apricot · BurlyWood · Warm Sun

HEX
#E5AA7A
RGB
rgb(229, 170, 122)
HSL
hsl(27, 67%, 69%)
HSB
hsb(27, 47%, 90%)
CMYK
cmyk(0%, 26%, 47%, 10%)
Oklch
oklch(78.2% 0.094 59.9)

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

#CFF09F

Willow Green · Khaki · Apple Green

HEX
#CFF09F
RGB
rgb(207, 240, 159)
HSL
hsl(84, 73%, 78%)
HSB
hsb(84, 34%, 94%)
CMYK
cmyk(14%, 0%, 34%, 6%)
Oklch
oklch(91.2% 0.110 126.5)

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

#B9F9C5

Emerald · LightGray · Mint Green

HEX
#B9F9C5
RGB
rgb(185, 249, 197)
HSL
hsl(131, 84%, 85%)
HSB
hsb(131, 26%, 98%)
CMYK
cmyk(26%, 0%, 21%, 2%)
Oklch
oklch(92.6% 0.095 149.9)

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

#C5D7F3

Azure · LightBlue · Sky Blue

HEX
#C5D7F3
RGB
rgb(197, 215, 243)
HSL
hsl(217, 66%, 86%)
HSB
hsb(217, 19%, 95%)
CMYK
cmyk(19%, 12%, 0%, 5%)
Oklch
oklch(87.5% 0.043 259.2)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA2968
29FABB

Analogous

FA29D0
FA2968
FA5329

Triadic

FA2968
68FA29
2968FA

Split-Comp.

FA2968
29FA53
29D0FA

Tetradic

FA2968
D0FA29
29FABB
5329FA

Contrast Matrix WCAG 2.1 Contrast

FA2968
E5AA7A
CFF09F
B9F9C5
C5D7F3
—
1.9
Fail
3.0
Fail
3.1
AA Large
2.6
Fail
1.9
Fail
—
1.6
Fail
1.7
Fail
1.4
Fail
3.0
Fail
1.6
Fail
—
1.0
Fail
1.2
Fail
3.1
AA Large
1.7
Fail
1.0
Fail
—
1.2
Fail
2.6
Fail
1.4
Fail
1.2
Fail
1.2
Fail
—
White BG
3.8AA Large
2.0Fail
1.3Fail
1.2Fail
1.5Fail
Black BG
5.6AA
10.4AAA
16.6AAA
17.4AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09E59
CBCB86
DDDEB3
D5D5D2
CDCDEC

Deuteranopia

ACBB55
CFD388
DBD9B7
D1CCD5
CCCAEB

Tritanopia

F04D4A
E28F91
D1C2C5
BCDCDE
C6E7E6

Achromatopsia

6F6F6F
B6B6B6
DDDDDD
E0E0E0
D5D5D5

Shades & Tints Shades & Tints

#FA2968

Dark
Light

#E5AA7A

Dark
Light

#CFF09F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa2968;
  --color-2: #e5aa7a;
  --color-3: #cff09f;
  --color-4: #b9f9c5;
  --color-5: #c5d7f3;
}

SCSS

$color-1: #fa2968;
$color-2: #e5aa7a;
$color-3: #cff09f;
$color-4: #b9f9c5;
$color-5: #c5d7f3;

TAILWIND

colors: {
  'brand-1': '#fa2968',
  'brand-2': '#e5aa7a',
  'brand-3': '#cff09f',
  'brand-4': '#b9f9c5',
  'brand-5': '#c5d7f3',
}

RGB Array

[250, 41, 104], [229, 170, 122], [207, 240, 159], [185, 249, 197], [197, 215, 243]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA2968, #E5AA7A, #CFF09F, #B9F9C5, #C5D7F3 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: #fa2968; --color-2: #e5aa7a; --color-3: #cff09f; --color-4: #b9f9c5; --color-5: #c5d7f3. 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