← Back to Editor

#A2D0AB · #C5E0BD · #F4DC92 · #F6B37E · #E25663

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

#A2D0AB

Celadon · DarkSeaGreen · Apple Green

HEX
#A2D0AB
RGB
rgb(162, 208, 171)
HSL
hsl(132, 33%, 73%)
HSB
hsb(132, 22%, 82%)
CMYK
cmyk(22%, 0%, 18%, 18%)
Oklch
oklch(81.5% 0.071 150.5)

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

#C5E0BD

Celadon · LightGray · Mint Green

HEX
#C5E0BD
RGB
rgb(197, 224, 189)
HSL
hsl(106, 36%, 81%)
HSB
hsb(106, 16%, 88%)
CMYK
cmyk(12%, 0%, 16%, 12%)
Oklch
oklch(87.7% 0.055 138.6)

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

#F4DC92

Goose Yellow · Khaki · Lemon Cream

HEX
#F4DC92
RGB
rgb(244, 220, 146)
HSL
hsl(45, 82%, 76%)
HSB
hsb(45, 40%, 96%)
CMYK
cmyk(0%, 10%, 40%, 4%)
Oklch
oklch(89.8% 0.097 92.2)

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

#F6B37E

Apricot · LightSalmon · Warm Sun

HEX
#F6B37E
RGB
rgb(246, 179, 126)
HSL
hsl(26, 87%, 73%)
HSB
hsb(26, 49%, 96%)
CMYK
cmyk(0%, 27%, 49%, 4%)
Oklch
oklch(81.8% 0.104 59.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E25663

Peach Pink · Tomato · Coral Red

HEX
#E25663
RGB
rgb(226, 86, 99)
HSL
hsl(354, 71%, 61%)
HSB
hsb(354, 62%, 89%)
CMYK
cmyk(0%, 62%, 56%, 11%)
Oklch
oklch(64.1% 0.174 18.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2D0AB
D1A3C8

Analogous

B1D1A3
A2D0AB
A3D1C3

Triadic

A2D0AB
ADA3D1
D1ADA3

Split-Comp.

A2D0AB
C3A3D1
D1A3B1

Tetradic

A2D0AB
A3B1D1
D1A3C8
D1C3A3

Contrast Matrix WCAG 2.1 Contrast

A2D0AB
C5E0BD
F4DC92
F6B37E
E25663
—
1.2
Fail
1.3
Fail
1.0
Fail
2.1
Fail
1.2
Fail
—
1.0
Fail
1.3
Fail
2.6
Fail
1.3
Fail
1.0
Fail
—
1.3
Fail
2.7
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
2.0
Fail
2.1
Fail
2.6
Fail
2.7
Fail
2.0
Fail
—
White BG
1.7Fail
1.4Fail
1.4Fail
1.8Fail
3.7AA Large
Black BG
12.1AAA
14.8AAA
15.5AAA
11.7AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6B4
D1D1C5
EAE9A4
D9D88B
A5A460

Deuteranopia

B3B0B6
CFCDC8
EBEDA8
DDE28E
AEB85F

Tritanopia

A4BBBD
C6CCCE
F3B2B5
F39597
DB5D5D

Achromatopsia

BEBEBE
D4D4D4
DBDBDB
C1C1C1
818181

Shades & Tints Shades & Tints

#A2D0AB

Dark
Light

#C5E0BD

Dark
Light

#F4DC92

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2d0ab;
  --color-2: #c5e0bd;
  --color-3: #f4dc92;
  --color-4: #f6b37e;
  --color-5: #e25663;
}

SCSS

$color-1: #a2d0ab;
$color-2: #c5e0bd;
$color-3: #f4dc92;
$color-4: #f6b37e;
$color-5: #e25663;

TAILWIND

colors: {
  'brand-1': '#a2d0ab',
  'brand-2': '#c5e0bd',
  'brand-3': '#f4dc92',
  'brand-4': '#f6b37e',
  'brand-5': '#e25663',
}

RGB Array

[162, 208, 171], [197, 224, 189], [244, 220, 146], [246, 179, 126], [226, 86, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A2D0AB, #C5E0BD, #F4DC92, #F6B37E, #E25663 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: #a2d0ab; --color-2: #c5e0bd; --color-3: #f4dc92; --color-4: #f6b37e; --color-5: #e25663. 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