← Back to Editor

#93C59F · #92F6BE · #CEF9D0 · #DCC493 · #F27372

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

#93C59F

Celadon · DarkSeaGreen · Apple Green

HEX
#93C59F
RGB
rgb(147, 197, 159)
HSL
hsl(134, 30%, 67%)
HSB
hsb(134, 25%, 77%)
CMYK
cmyk(25%, 0%, 19%, 23%)
Oklch
oklch(77.8% 0.075 151.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#92F6BE

Emerald · LightGreen · Apple Green

HEX
#92F6BE
RGB
rgb(146, 246, 190)
HSL
hsl(146, 85%, 77%)
HSB
hsb(146, 41%, 96%)
CMYK
cmyk(41%, 0%, 23%, 4%)
Oklch
oklch(89.7% 0.123 158.1)

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

#CEF9D0

Emerald · LightGray · Mint Green

HEX
#CEF9D0
RGB
rgb(206, 249, 208)
HSL
hsl(123, 78%, 89%)
HSB
hsb(123, 17%, 98%)
CMYK
cmyk(17%, 0%, 16%, 2%)
Oklch
oklch(94.1% 0.070 146.2)

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

#DCC493

Goose Yellow · BurlyWood · Sunflower

HEX
#DCC493
RGB
rgb(220, 196, 147)
HSL
hsl(40, 51%, 72%)
HSB
hsb(40, 33%, 86%)
CMYK
cmyk(0%, 11%, 33%, 14%)
Oklch
oklch(82.9% 0.070 84.8)

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

#F27372

Peach Pink · Salmon · Coral Red

HEX
#F27372
RGB
rgb(242, 115, 114)
HSL
hsl(0, 83%, 70%)
HSB
hsb(0, 53%, 95%)
CMYK
cmyk(0%, 52%, 53%, 5%)
Oklch
oklch(70.5% 0.157 22.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93C59F
C492B8

Analogous

9FC492
93C59F
92C4B7

Triadic

93C59F
9D92C4
C49D92

Split-Comp.

93C59F
B792C4
C4929F

Tetradic

93C59F
929FC4
C492B8
C4B792

Contrast Matrix WCAG 2.1 Contrast

93C59F
92F6BE
CEF9D0
DCC493
F27372
—
1.5
Fail
1.7
Fail
1.2
Fail
1.4
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
1.5
Fail
2.4
Fail
1.2
Fail
1.3
Fail
1.5
Fail
—
1.7
Fail
1.4
Fail
2.2
Fail
2.4
Fail
1.7
Fail
—
White BG
2.0Fail
1.3Fail
1.2Fail
1.7Fail
2.8Fail
Black BG
10.7AAA
16.1AAA
18.1AAA
12.4AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A9A8
BDBECC
E1E1DA
D2D19F
BBBA72

Deuteranopia

A6A2AA
B8B0CF
DEDBDC
D3D5A2
C2CC72

Tritanopia

96AFB1
97D6D9
D0E2E3
DBA8AA
EC7272

Achromatopsia

B2B2B2
D2D2D2
E7E7E7
C6C6C6
999999

Shades & Tints Shades & Tints

#93C59F

Dark
Light

#92F6BE

Dark
Light

#CEF9D0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93c59f;
  --color-2: #92f6be;
  --color-3: #cef9d0;
  --color-4: #dcc493;
  --color-5: #f27372;
}

SCSS

$color-1: #93c59f;
$color-2: #92f6be;
$color-3: #cef9d0;
$color-4: #dcc493;
$color-5: #f27372;

TAILWIND

colors: {
  'brand-1': '#93c59f',
  'brand-2': '#92f6be',
  'brand-3': '#cef9d0',
  'brand-4': '#dcc493',
  'brand-5': '#f27372',
}

RGB Array

[147, 197, 159], [146, 246, 190], [206, 249, 208], [220, 196, 147], [242, 115, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93C59F, #92F6BE, #CEF9D0, #DCC493, #F27372 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: #93c59f; --color-2: #92f6be; --color-3: #cef9d0; --color-4: #dcc493; --color-5: #f27372. 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