← Back to Editor

#CBF2E9 · #E5F4DA · #E1E2AC · #EBB57F · #E37D64

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

#CBF2E9

Jade · Lavender · Glacier Blue

HEX
#CBF2E9
RGB
rgb(203, 242, 233)
HSL
hsl(166, 60%, 87%)
HSB
hsb(166, 16%, 95%)
CMYK
cmyk(16%, 0%, 4%, 5%)
Oklch
oklch(93.1% 0.042 179.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#E5F4DA

Emerald · Beige · Mint Green

HEX
#E5F4DA
RGB
rgb(229, 244, 218)
HSL
hsl(95, 54%, 91%)
HSB
hsb(95, 11%, 96%)
CMYK
cmyk(6%, 0%, 11%, 4%)
Oklch
oklch(94.9% 0.038 131.8)

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

#E1E2AC

Fresh Green · Wheat · Lemon Cream

HEX
#E1E2AC
RGB
rgb(225, 226, 172)
HSL
hsl(61, 48%, 78%)
HSB
hsb(61, 24%, 89%)
CMYK
cmyk(0%, 0%, 24%, 11%)
Oklch
oklch(89.9% 0.070 108.6)

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

#EBB57F

Goose Yellow · BurlyWood · Warm Sun

HEX
#EBB57F
RGB
rgb(235, 181, 127)
HSL
hsl(30, 73%, 71%)
HSB
hsb(30, 46%, 92%)
CMYK
cmyk(0%, 23%, 46%, 8%)
Oklch
oklch(81.0% 0.094 65.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E37D64

Peach Pink · Salmon · Coral Red

HEX
#E37D64
RGB
rgb(227, 125, 100)
HSL
hsl(12, 69%, 64%)
HSB
hsb(12, 56%, 89%)
CMYK
cmyk(0%, 45%, 56%, 11%)
Oklch
oklch(69.7% 0.132 34.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBF2E9
F2CAD3

Analogous

CAF2D5
CBF2E9
CAE7F2

Triadic

CBF2E9
E8CAF2
F2E8CA

Split-Comp.

CBF2E9
F2CAE7
F2D5CA

Tetradic

CBF2E9
D5CAF2
F2CAD3
E7F2CA

Contrast Matrix WCAG 2.1 Contrast

CBF2E9
E5F4DA
E1E2AC
EBB57F
E37D64
—
1.0
Fail
1.1
Fail
1.5
Fail
2.4
Fail
1.0
Fail
—
1.2
Fail
1.6
Fail
2.5
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.5
Fail
1.6
Fail
1.4
Fail
—
1.6
Fail
2.4
Fail
2.5
Fail
2.1
Fail
1.6
Fail
—
White BG
1.2Fail
1.1Fail
1.3Fail
1.8Fail
2.8Fail
Black BG
17.4AAA
18.3AAA
15.7AAA
11.4AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCEB
EBECE0
E1E1B9
D4D38C
B7B66A

Deuteranopia

DAD7EC
EBEAE2
E1E1BC
D7DB8F
BDC46C

Tritanopia

CDEDED
E6E5E6
E1C3C6
E89699
DE6F70

Achromatopsia

E5E5E5
EDEDED
DCDCDC
BFBFBF
999999

Shades & Tints Shades & Tints

#CBF2E9

Dark
Light

#E5F4DA

Dark
Light

#E1E2AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbf2e9;
  --color-2: #e5f4da;
  --color-3: #e1e2ac;
  --color-4: #ebb57f;
  --color-5: #e37d64;
}

SCSS

$color-1: #cbf2e9;
$color-2: #e5f4da;
$color-3: #e1e2ac;
$color-4: #ebb57f;
$color-5: #e37d64;

TAILWIND

colors: {
  'brand-1': '#cbf2e9',
  'brand-2': '#e5f4da',
  'brand-3': '#e1e2ac',
  'brand-4': '#ebb57f',
  'brand-5': '#e37d64',
}

RGB Array

[203, 242, 233], [229, 244, 218], [225, 226, 172], [235, 181, 127], [227, 125, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBF2E9, #E5F4DA, #E1E2AC, #EBB57F, #E37D64 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: #cbf2e9; --color-2: #e5f4da; --color-3: #e1e2ac; --color-4: #ebb57f; --color-5: #e37d64. 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