← Back to Editor

#CBF7E9 · #BAEBB8 · #C6D47C · #D1A765 · #DE7456

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

#CBF7E9

Jade · Lavender · Glacier Blue

HEX
#CBF7E9
RGB
rgb(203, 247, 233)
HSL
hsl(161, 73%, 88%)
HSB
hsb(161, 18%, 97%)
CMYK
cmyk(18%, 0%, 6%, 3%)
Oklch
oklch(94.1% 0.049 173.9)

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

#BAEBB8

Emerald · LightGray · Mint Green

HEX
#BAEBB8
RGB
rgb(186, 235, 184)
HSL
hsl(118, 56%, 82%)
HSB
hsb(118, 22%, 92%)
CMYK
cmyk(21%, 0%, 22%, 8%)
Oklch
oklch(89.3% 0.085 143.8)

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

#C6D47C

Willow Green · Tan · Apple Green

HEX
#C6D47C
RGB
rgb(198, 212, 124)
HSL
hsl(70, 51%, 66%)
HSB
hsb(70, 42%, 83%)
CMYK
cmyk(7%, 0%, 42%, 17%)
Oklch
oklch(84.0% 0.113 116.3)

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

#D1A765

Ginger · SandyBrown · Warm Sun

HEX
#D1A765
RGB
rgb(209, 167, 101)
HSL
hsl(37, 54%, 61%)
HSB
hsb(37, 52%, 82%)
CMYK
cmyk(0%, 20%, 52%, 18%)
Oklch
oklch(75.2% 0.097 77.7)

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

#DE7456

Vermilion · Coral · Passion Red

HEX
#DE7456
RGB
rgb(222, 116, 86)
HSL
hsl(13, 67%, 60%)
HSB
hsb(13, 61%, 87%)
CMYK
cmyk(0%, 48%, 61%, 13%)
Oklch
oklch(67.4% 0.140 36.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBF7E9
F7CAD8

Analogous

CAF7D2
CBF7E9
CAEFF7

Triadic

CBF7E9
E9CAF7
F7E9CA

Split-Comp.

CBF7E9
F7CAEF
F7D2CA

Tetradic

CBF7E9
D2CAF7
F7CAD8
EFF7CA

Contrast Matrix WCAG 2.1 Contrast

CBF7E9
BAEBB8
C6D47C
D1A765
DE7456
—
1.2
Fail
1.4
Fail
1.9
Fail
2.7
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
2.3
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
1.9
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
2.7
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
White BG
1.2Fail
1.3Fail
1.6Fail
2.2Fail
3.1AA Large
Black BG
18.0AAA
15.7AAA
13.1AAA
9.4AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEEC
CFD0C4
CCCC91
BFBE75
B0AF5D

Deuteranopia

DCD8ED
CCC9C7
CBCA96
C1C479
B6BE5F

Tritanopia

CDEFF0
BCCED0
C7A2A6
CF8284
D96364

Achromatopsia

E8E8E8
D7D7D7
C6C6C6
ACACAC
909090

Shades & Tints Shades & Tints

#CBF7E9

Dark
Light

#BAEBB8

Dark
Light

#C6D47C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbf7e9;
  --color-2: #baebb8;
  --color-3: #c6d47c;
  --color-4: #d1a765;
  --color-5: #de7456;
}

SCSS

$color-1: #cbf7e9;
$color-2: #baebb8;
$color-3: #c6d47c;
$color-4: #d1a765;
$color-5: #de7456;

TAILWIND

colors: {
  'brand-1': '#cbf7e9',
  'brand-2': '#baebb8',
  'brand-3': '#c6d47c',
  'brand-4': '#d1a765',
  'brand-5': '#de7456',
}

RGB Array

[203, 247, 233], [186, 235, 184], [198, 212, 124], [209, 167, 101], [222, 116, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBF7E9, #BAEBB8, #C6D47C, #D1A765, #DE7456 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: #cbf7e9; --color-2: #baebb8; --color-3: #c6d47c; --color-4: #d1a765; --color-5: #de7456. 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