← Back to Editor

#5CD0D7 · #8EE3DC · #D6FBD3 · #F6E993 · #FFCE8A

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

#5CD0D7

Lake Blue · MediumTurquoise · Lake Green

HEX
#5CD0D7
RGB
rgb(92, 208, 215)
HSL
hsl(183, 61%, 60%)
HSB
hsb(183, 57%, 84%)
CMYK
cmyk(57%, 3%, 0%, 16%)
Oklch
oklch(79.4% 0.105 200.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8EE3DC

Jade · SkyBlue · Lake Green

HEX
#8EE3DC
RGB
rgb(142, 227, 220)
HSL
hsl(175, 60%, 72%)
HSB
hsb(175, 37%, 89%)
CMYK
cmyk(37%, 0%, 3%, 11%)
Oklch
oklch(86.0% 0.083 189.1)

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

#D6FBD3

Emerald · Beige · Mint Green

HEX
#D6FBD3
RGB
rgb(214, 251, 211)
HSL
hsl(115, 83%, 91%)
HSB
hsb(115, 16%, 98%)
CMYK
cmyk(15%, 0%, 16%, 2%)
Oklch
oklch(95.1% 0.066 143.0)

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

#F6E993

Fresh Green · Khaki · Lemon Cream

HEX
#F6E993
RGB
rgb(246, 233, 147)
HSL
hsl(52, 85%, 77%)
HSB
hsb(52, 40%, 96%)
CMYK
cmyk(0%, 5%, 40%, 4%)
Oklch
oklch(92.6% 0.108 100.8)

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

#FFCE8A

Goose Yellow · Khaki · Peach Orange

HEX
#FFCE8A
RGB
rgb(255, 206, 138)
HSL
hsl(35, 100%, 77%)
HSB
hsb(35, 46%, 100%)
CMYK
cmyk(0%, 19%, 46%, 0%)
Oklch
oklch(87.9% 0.102 74.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5CD0D7
D7615B

Analogous

5BD79F
5CD0D7
5B93D7

Triadic

5CD0D7
D75BD1
D1D75B

Split-Comp.

5CD0D7
D75B93
D79F5B

Tetradic

5CD0D7
9F5BD7
D7615B
93D75B

Contrast Matrix WCAG 2.1 Contrast

5CD0D7
8EE3DC
D6FBD3
F6E993
FFCE8A
—
1.2
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
1.0
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.2
Fail
—
White BG
1.8Fail
1.5Fail
1.1Fail
1.2Fail
1.5Fail
Black BG
11.5AAA
14.2AAA
18.6AAA
17.0AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FD5
B3B4DE
E6E6DD
F0F0A8
EAE99A

Deuteranopia

887FD5
AEA8DE
E4E1DF
F1F2AD
EDF09E

Tritanopia

62D4D4
92DFDF
D8E4E6
F5B8BC
FDA7AA

Achromatopsia

AEAEAE
C9C9C9
EBEBEB
E3E3E3
D5D5D5

Shades & Tints Shades & Tints

#5CD0D7

Dark
Light

#8EE3DC

Dark
Light

#D6FBD3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5cd0d7;
  --color-2: #8ee3dc;
  --color-3: #d6fbd3;
  --color-4: #f6e993;
  --color-5: #ffce8a;
}

SCSS

$color-1: #5cd0d7;
$color-2: #8ee3dc;
$color-3: #d6fbd3;
$color-4: #f6e993;
$color-5: #ffce8a;

TAILWIND

colors: {
  'brand-1': '#5cd0d7',
  'brand-2': '#8ee3dc',
  'brand-3': '#d6fbd3',
  'brand-4': '#f6e993',
  'brand-5': '#ffce8a',
}

RGB Array

[92, 208, 215], [142, 227, 220], [214, 251, 211], [246, 233, 147], [255, 206, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5CD0D7, #8EE3DC, #D6FBD3, #F6E993, #FFCE8A 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: #5cd0d7; --color-2: #8ee3dc; --color-3: #d6fbd3; --color-4: #f6e993; --color-5: #ffce8a. 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