← Back to Editor

#7CCFC5 · #F7E6C8 · #EDCCA9 · #EBB27D · #FA596B

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

#7CCFC5

Jade · MediumAquaMarine · Lake Green

HEX
#7CCFC5
RGB
rgb(124, 207, 197)
HSL
hsl(173, 46%, 65%)
HSB
hsb(173, 40%, 81%)
CMYK
cmyk(40%, 0%, 5%, 19%)
Oklch
oklch(79.9% 0.083 185.9)

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

#F7E6C8

Goose Yellow · Bisque · Peach Orange

HEX
#F7E6C8
RGB
rgb(247, 230, 200)
HSL
hsl(38, 75%, 88%)
HSB
hsb(38, 19%, 97%)
CMYK
cmyk(0%, 7%, 19%, 3%)
Oklch
oklch(93.1% 0.044 81.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EDCCA9

Goose Yellow · Wheat · Peach Orange

HEX
#EDCCA9
RGB
rgb(237, 204, 169)
HSL
hsl(31, 65%, 80%)
HSB
hsb(31, 29%, 93%)
CMYK
cmyk(0%, 14%, 29%, 7%)
Oklch
oklch(86.4% 0.060 68.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EBB27D

Apricot · BurlyWood · Warm Sun

HEX
#EBB27D
RGB
rgb(235, 178, 125)
HSL
hsl(29, 73%, 71%)
HSB
hsb(29, 47%, 92%)
CMYK
cmyk(0%, 24%, 47%, 8%)
Oklch
oklch(80.4% 0.096 63.7)

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

#FA596B

Peach Pink · Tomato · Coral Red

HEX
#FA596B
RGB
rgb(250, 89, 107)
HSL
hsl(353, 94%, 66%)
HSB
hsb(353, 64%, 98%)
CMYK
cmyk(0%, 64%, 57%, 2%)
Oklch
oklch(68.3% 0.196 17.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7CCFC5
CF7D86

Analogous

7DCF9C
7CCFC5
7DAFCF

Triadic

7CCFC5
C57DCF
CFC57D

Split-Comp.

7CCFC5
CF7DAF
CF9C7D

Tetradic

7CCFC5
9C7DCF
CF7D86
AFCF7D

Contrast Matrix WCAG 2.1 Contrast

7CCFC5
F7E6C8
EDCCA9
EBB27D
FA596B
—
1.5
Fail
1.2
Fail
1.0
Fail
1.7
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
2.6
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.0
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
1.7
Fail
2.6
Fail
2.1
Fail
1.7
Fail
—
White BG
1.8Fail
1.2Fail
1.5Fail
1.9Fail
3.1AA Large
Black BG
11.6AAA
17.1AAA
13.8AAA
11.2AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A1C7
F0EFCF
DFDEB1
D2D28A
B4B367

Deuteranopia

9B95C8
F1F2D1
E1E3B4
D6DA8D
BECA66

Tritanopia

80C9CA
F6D5D6
EBB8BA
E89496
F26362

Achromatopsia

B5B5B5
E8E8E8
D2D2D2
BDBDBD
8B8B8B

Shades & Tints Shades & Tints

#7CCFC5

Dark
Light

#F7E6C8

Dark
Light

#EDCCA9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7ccfc5;
  --color-2: #f7e6c8;
  --color-3: #edcca9;
  --color-4: #ebb27d;
  --color-5: #fa596b;
}

SCSS

$color-1: #7ccfc5;
$color-2: #f7e6c8;
$color-3: #edcca9;
$color-4: #ebb27d;
$color-5: #fa596b;

TAILWIND

colors: {
  'brand-1': '#7ccfc5',
  'brand-2': '#f7e6c8',
  'brand-3': '#edcca9',
  'brand-4': '#ebb27d',
  'brand-5': '#fa596b',
}

RGB Array

[124, 207, 197], [247, 230, 200], [237, 204, 169], [235, 178, 125], [250, 89, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7CCFC5, #F7E6C8, #EDCCA9, #EBB27D, #FA596B 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: #7ccfc5; --color-2: #f7e6c8; --color-3: #edcca9; --color-4: #ebb27d; --color-5: #fa596b. 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