← Back to Editor

#025252 · #A5D980 · #CCE7BE · #F884A7 · #E8BAD2

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 AppData Visualization

Color Details Color Details

#025252

Lake Blue · DarkSlateGray · Peacock Green

HEX
#025252
RGB
rgb(2, 82, 82)
HSL
hsl(180, 95%, 16%)
HSB
hsb(180, 98%, 32%)
CMYK
cmyk(98%, 0%, 0%, 68%)
Oklch
oklch(39.7% 0.067 194.8)

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

#A5D980

Emerald · LightGreen · Apple Green

HEX
#A5D980
RGB
rgb(165, 217, 128)
HSL
hsl(95, 54%, 68%)
HSB
hsb(95, 41%, 85%)
CMYK
cmyk(24%, 0%, 41%, 15%)
Oklch
oklch(82.8% 0.130 133.3)

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

#CCE7BE

Celadon · LightGray · Mint Green

HEX
#CCE7BE
RGB
rgb(204, 231, 190)
HSL
hsl(100, 46%, 83%)
HSB
hsb(100, 18%, 91%)
CMYK
cmyk(12%, 0%, 18%, 9%)
Oklch
oklch(89.7% 0.062 134.9)

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

#F884A7

Rouge · LightCoral · Rose Pink

HEX
#F884A7
RGB
rgb(248, 132, 167)
HSL
hsl(342, 89%, 75%)
HSB
hsb(342, 47%, 97%)
CMYK
cmyk(0%, 47%, 33%, 3%)
Oklch
oklch(75.1% 0.145 2.0)

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

#E8BAD2

Mauve · Pink · Cherry Blossom

HEX
#E8BAD2
RGB
rgb(232, 186, 210)
HSL
hsl(329, 50%, 82%)
HSB
hsb(329, 20%, 91%)
CMYK
cmyk(0%, 20%, 9%, 9%)
Oklch
oklch(83.7% 0.061 345.8)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

025252
500202

Analogous

025029
025252
022950

Triadic

025252
500250
505002

Split-Comp.

025252
500229
502902

Tetradic

025252
290250
500202
295002

Contrast Matrix WCAG 2.1 Contrast

025252
A5D980
CCE7BE
F884A7
E8BAD2
—
5.5
AA
6.8
AA
3.8
AA Large
5.3
AA
5.5
AA
—
1.2
Fail
1.5
Fail
1.0
Fail
6.8
AA
1.2
Fail
—
1.8
Fail
1.3
Fail
3.8
AA Large
1.5
Fail
1.8
Fail
—
1.4
Fail
5.3
AA
1.0
Fail
1.3
Fail
1.4
Fail
—
White BG
9.0AAA
1.6Fail
1.3Fail
2.4Fail
1.7Fail
Black BG
2.3Fail
12.8AAA
15.7AAA
8.8AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252552
BCBC96
D8D8C8
C6C59F
D4D4CC

Deuteranopia

201A52
B9B59B
D6D4CA
CDD59D
D7DACB

Tritanopia

065252
A8A7AA
CDD0D1
F29896
E6C8C7

Achromatopsia

3A3A3A
BFBFBF
DADADA
ABABAB
CACACA

Shades & Tints Shades & Tints

#025252

Dark
Light

#A5D980

Dark
Light

#CCE7BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #025252;
  --color-2: #a5d980;
  --color-3: #cce7be;
  --color-4: #f884a7;
  --color-5: #e8bad2;
}

SCSS

$color-1: #025252;
$color-2: #a5d980;
$color-3: #cce7be;
$color-4: #f884a7;
$color-5: #e8bad2;

TAILWIND

colors: {
  'brand-1': '#025252',
  'brand-2': '#a5d980',
  'brand-3': '#cce7be',
  'brand-4': '#f884a7',
  'brand-5': '#e8bad2',
}

RGB Array

[2, 82, 82], [165, 217, 128], [204, 231, 190], [248, 132, 167], [232, 186, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #025252, #A5D980, #CCE7BE, #F884A7, #E8BAD2 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #025252; --color-2: #a5d980; --color-3: #cce7be; --color-4: #f884a7; --color-5: #e8bad2. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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