← Back to Editor

#68AC83 · #FFFCD4 · #EE87A5 · #EA5662 · #F7AA34

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#68AC83

Celadon · CadetBlue · Olive Green

HEX
#68AC83
RGB
rgb(104, 172, 131)
HSL
hsl(144, 29%, 54%)
HSB
hsb(144, 40%, 67%)
CMYK
cmyk(40%, 0%, 24%, 33%)
Oklch
oklch(68.8% 0.093 156.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#FFFCD4

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFCD4
RGB
rgb(255, 252, 212)
HSL
hsl(56, 100%, 92%)
HSB
hsb(56, 17%, 100%)
CMYK
cmyk(0%, 1%, 17%, 0%)
Oklch
oklch(98.3% 0.052 103.8)

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

#EE87A5

Rouge · LightCoral · Rose Pink

HEX
#EE87A5
RGB
rgb(238, 135, 165)
HSL
hsl(343, 75%, 73%)
HSB
hsb(343, 43%, 93%)
CMYK
cmyk(0%, 43%, 31%, 7%)
Oklch
oklch(74.2% 0.129 2.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EA5662

Peach Pink · Tomato · Coral Red

HEX
#EA5662
RGB
rgb(234, 86, 98)
HSL
hsl(355, 78%, 63%)
HSB
hsb(355, 63%, 92%)
CMYK
cmyk(0%, 63%, 58%, 8%)
Oklch
oklch(65.3% 0.183 19.1)

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

#F7AA34

Ginger · GoldenRod · Warm Sun

HEX
#F7AA34
RGB
rgb(247, 170, 52)
HSL
hsl(36, 92%, 59%)
HSB
hsb(36, 79%, 97%)
CMYK
cmyk(0%, 31%, 79%, 3%)
Oklch
oklch(79.4% 0.153 72.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68AC83
AC6891

Analogous

6EAC68
68AC83
68ACA5

Triadic

68AC83
8368AC
AC8368

Split-Comp.

68AC83
A568AC
AC686E

Tetradic

68AC83
686EAC
AC6891
ACA568

Contrast Matrix WCAG 2.1 Contrast

68AC83
FFFCD4
EE87A5
EA5662
F7AA34
—
2.6
Fail
1.1
Fail
1.3
Fail
1.4
Fail
2.6
Fail
—
2.3
Fail
3.4
AA Large
1.9
Fail
1.1
Fail
2.3
Fail
—
1.4
Fail
1.2
Fail
1.3
Fail
3.4
AA Large
1.4
Fail
—
1.8
Fail
1.4
Fail
1.9
Fail
1.2
Fail
1.8
Fail
—
White BG
2.7Fail
1.0Fail
2.4Fail
3.5AA Large
2.0Fail
Black BG
7.8AAA
20.1AAA
8.6AAA
6.0AA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

85868D
FEFEDE
C1C09E
AAA95F
D6D551

Deuteranopia

827C8F
FEFEE0
C7CF9C
B3BE5E
DAE057

Tritanopia

6B9596
FFE5E7
E99897
E35D5C
F3676C

Achromatopsia

939393
F8F8F8
A9A9A9
848484
B4B4B4

Shades & Tints Shades & Tints

#68AC83

Dark
Light

#FFFCD4

Dark
Light

#EE87A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68ac83;
  --color-2: #fffcd4;
  --color-3: #ee87a5;
  --color-4: #ea5662;
  --color-5: #f7aa34;
}

SCSS

$color-1: #68ac83;
$color-2: #fffcd4;
$color-3: #ee87a5;
$color-4: #ea5662;
$color-5: #f7aa34;

TAILWIND

colors: {
  'brand-1': '#68ac83',
  'brand-2': '#fffcd4',
  'brand-3': '#ee87a5',
  'brand-4': '#ea5662',
  'brand-5': '#f7aa34',
}

RGB Array

[104, 172, 131], [255, 252, 212], [238, 135, 165], [234, 86, 98], [247, 170, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #68AC83, #FFFCD4, #EE87A5, #EA5662, #F7AA34 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: #68ac83; --color-2: #fffcd4; --color-3: #ee87a5; --color-4: #ea5662; --color-5: #f7aa34. 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