← Back to Editor

#1CACC4 · #78C8AB · #CFC681 · #EF9072 · #F55579

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

#1CACC4

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1CACC4
RGB
rgb(28, 172, 196)
HSL
hsl(189, 75%, 44%)
HSB
hsb(189, 86%, 77%)
CMYK
cmyk(86%, 12%, 0%, 23%)
Oklch
oklch(68.6% 0.115 212.8)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#78C8AB

Jade · MediumAquaMarine · Apple Green

HEX
#78C8AB
RGB
rgb(120, 200, 171)
HSL
hsl(158, 42%, 63%)
HSB
hsb(158, 40%, 78%)
CMYK
cmyk(40%, 0%, 15%, 22%)
Oklch
oklch(77.3% 0.090 168.7)

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

#CFC681

Fresh Green · Tan · Sunflower

HEX
#CFC681
RGB
rgb(207, 198, 129)
HSL
hsl(53, 45%, 66%)
HSB
hsb(53, 38%, 81%)
CMYK
cmyk(0%, 4%, 38%, 19%)
Oklch
oklch(81.8% 0.090 101.8)

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

#EF9072

Peach Pink · DarkSalmon · Coral Red

HEX
#EF9072
RGB
rgb(239, 144, 114)
HSL
hsl(14, 80%, 69%)
HSB
hsb(14, 52%, 94%)
CMYK
cmyk(0%, 40%, 52%, 6%)
Oklch
oklch(74.6% 0.123 38.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F55579

Peach Pink · LightCoral · Coral Red

HEX
#F55579
RGB
rgb(245, 85, 121)
HSL
hsl(347, 89%, 65%)
HSB
hsb(347, 65%, 96%)
CMYK
cmyk(0%, 65%, 51%, 4%)
Oklch
oklch(67.4% 0.196 10.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1CACC4
C4351C

Analogous

1CC489
1CACC4
1C57C4

Triadic

1CACC4
C41CAB
ABC41C

Split-Comp.

1CACC4
C41C57
C4891C

Tetradic

1CACC4
891CC4
C4351C
57C41C

Contrast Matrix WCAG 2.1 Contrast

1CACC4
78C8AB
CFC681
EF9072
F55579
—
1.4
Fail
1.6
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
1.6
Fail
1.6
Fail
1.1
Fail
—
1.4
Fail
1.9
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.4
Fail
1.2
Fail
1.6
Fail
1.9
Fail
1.4
Fail
—
White BG
2.7Fail
2.0Fail
1.7Fail
2.4Fail
3.3AA Large
Black BG
7.7AAA
10.6AAA
12.0AAA
8.9AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5CBE
9B9BB2
CBCB92
C6C579
B0AE70

Deuteranopia

5247BD
9690B4
CCCC96
CBD27B
B9C56E

Tritanopia

23BAB9
7CB8B9
CF9FA2
EA7F80
ED6968

Achromatopsia

848484
ADADAD
C1C1C1
A9A9A9
898989

Shades & Tints Shades & Tints

#1CACC4

Dark
Light

#78C8AB

Dark
Light

#CFC681

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1cacc4;
  --color-2: #78c8ab;
  --color-3: #cfc681;
  --color-4: #ef9072;
  --color-5: #f55579;
}

SCSS

$color-1: #1cacc4;
$color-2: #78c8ab;
$color-3: #cfc681;
$color-4: #ef9072;
$color-5: #f55579;

TAILWIND

colors: {
  'brand-1': '#1cacc4',
  'brand-2': '#78c8ab',
  'brand-3': '#cfc681',
  'brand-4': '#ef9072',
  'brand-5': '#f55579',
}

RGB Array

[28, 172, 196], [120, 200, 171], [207, 198, 129], [239, 144, 114], [245, 85, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1CACC4, #78C8AB, #CFC681, #EF9072, #F55579 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #1cacc4; --color-2: #78c8ab; --color-3: #cfc681; --color-4: #ef9072; --color-5: #f55579. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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