← Back to Editor

#72D5C9 · #F6CF7F · #EC5E30 · #F63167 · #FEC2B1

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

#72D5C9

Jade · MediumAquaMarine · Lake Green

HEX
#72D5C9
RGB
rgb(114, 213, 201)
HSL
hsl(173, 54%, 64%)
HSB
hsb(173, 46%, 84%)
CMYK
cmyk(46%, 0%, 6%, 16%)
Oklch
oklch(80.9% 0.095 185.3)

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

#F6CF7F

Goose Yellow · Khaki · Sunflower

HEX
#F6CF7F
RGB
rgb(246, 207, 127)
HSL
hsl(40, 87%, 73%)
HSB
hsb(40, 48%, 96%)
CMYK
cmyk(0%, 16%, 48%, 4%)
Oklch
oklch(87.1% 0.108 84.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#EC5E30

Tangerine · Tomato · Warm Sun

HEX
#EC5E30
RGB
rgb(236, 94, 48)
HSL
hsl(15, 83%, 56%)
HSB
hsb(15, 80%, 93%)
CMYK
cmyk(0%, 60%, 80%, 7%)
Oklch
oklch(65.9% 0.186 37.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F63167

Dark Violet · DeepPink · Rose Pink

HEX
#F63167
RGB
rgb(246, 49, 103)
HSL
hsl(344, 92%, 58%)
HSB
hsb(344, 80%, 96%)
CMYK
cmyk(0%, 80%, 58%, 4%)
Oklch
oklch(64.0% 0.229 11.7)

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

#FEC2B1

Peach Pink · LightPink · Cherry Blossom

HEX
#FEC2B1
RGB
rgb(254, 194, 177)
HSL
hsl(13, 97%, 85%)
HSB
hsb(13, 30%, 100%)
CMYK
cmyk(0%, 24%, 30%, 0%)
Oklch
oklch(86.4% 0.073 36.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

72D5C9
D5727D

Analogous

72D598
72D5C9
72AFD5

Triadic

72D5C9
C972D5
D5C972

Split-Comp.

72D5C9
D572AF
D59872

Tetradic

72D5C9
9872D5
D5727D
AFD572

Contrast Matrix WCAG 2.1 Contrast

72D5C9
F6CF7F
EC5E30
F63167
FEC2B1
—
1.2
Fail
1.9
Fail
2.2
Fail
1.1
Fail
1.2
Fail
—
2.3
Fail
2.5
Fail
1.0
Fail
1.9
Fail
2.3
Fail
—
1.1
Fail
2.2
Fail
2.2
Fail
2.5
Fail
1.1
Fail
—
2.4
Fail
1.1
Fail
1.0
Fail
2.2
Fail
2.4
Fail
—
White BG
1.7Fail
1.5Fail
3.4AA Large
3.8AA Large
1.5Fail
Black BG
12.1AAA
14.2AAA
6.2AA
5.6AA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9ECC
E5E592
AFAD3B
A19F5A
E4E3B5

Deuteranopia

9790CD
E7EA97
B7C13E
ACBB57
E8ECB6

Tritanopia

77CECF
F4A2A5
E54446
EC504D
FBB8B9

Achromatopsia

B6B6B6
D2D2D2
838383
727272
D2D2D2

Shades & Tints Shades & Tints

#72D5C9

Dark
Light

#F6CF7F

Dark
Light

#EC5E30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #72d5c9;
  --color-2: #f6cf7f;
  --color-3: #ec5e30;
  --color-4: #f63167;
  --color-5: #fec2b1;
}

SCSS

$color-1: #72d5c9;
$color-2: #f6cf7f;
$color-3: #ec5e30;
$color-4: #f63167;
$color-5: #fec2b1;

TAILWIND

colors: {
  'brand-1': '#72d5c9',
  'brand-2': '#f6cf7f',
  'brand-3': '#ec5e30',
  'brand-4': '#f63167',
  'brand-5': '#fec2b1',
}

RGB Array

[114, 213, 201], [246, 207, 127], [236, 94, 48], [246, 49, 103], [254, 194, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #72D5C9, #F6CF7F, #EC5E30, #F63167, #FEC2B1 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: #72d5c9; --color-2: #f6cf7f; --color-3: #ec5e30; --color-4: #f63167; --color-5: #fec2b1. 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