← Back to Editor

#C0B78E · #EFEFD3 · #E5F8EA · #DDEE99 · #FEFFBE

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

#C0B78E

Ginger · Tan · Sunflower

HEX
#C0B78E
RGB
rgb(192, 183, 142)
HSL
hsl(49, 28%, 65%)
HSB
hsb(49, 26%, 75%)
CMYK
cmyk(0%, 5%, 26%, 25%)
Oklch
oklch(77.6% 0.056 97.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EFEFD3

Fresh Green · Beige · Lemon Cream

HEX
#EFEFD3
RGB
rgb(239, 239, 211)
HSL
hsl(60, 47%, 88%)
HSB
hsb(60, 12%, 94%)
CMYK
cmyk(0%, 0%, 12%, 6%)
Oklch
oklch(94.5% 0.037 107.1)

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

#E5F8EA

Emerald · Beige · Mint Green

HEX
#E5F8EA
RGB
rgb(229, 248, 234)
HSL
hsl(136, 58%, 94%)
HSB
hsb(136, 8%, 97%)
CMYK
cmyk(8%, 0%, 6%, 3%)
Oklch
oklch(96.1% 0.027 153.9)

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

#DDEE99

Willow Green · Khaki · Apple Green

HEX
#DDEE99
RGB
rgb(221, 238, 153)
HSL
hsl(72, 71%, 77%)
HSB
hsb(72, 36%, 93%)
CMYK
cmyk(7%, 0%, 36%, 7%)
Oklch
oklch(91.7% 0.110 117.8)

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

#FEFFBE

Fresh Green · Bisque · Lemon Cream

HEX
#FEFFBE
RGB
rgb(254, 255, 190)
HSL
hsl(61, 100%, 87%)
HSB
hsb(61, 25%, 100%)
CMYK
cmyk(0%, 0%, 25%, 0%)
Oklch
oklch(98.4% 0.083 108.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0B78E
8D96BF

Analogous

BF9D8D
C0B78E
AFBF8D

Triadic

C0B78E
8DBFB6
B68DBF

Split-Comp.

C0B78E
8DAFBF
9D8DBF

Tetradic

C0B78E
8DBF9D
8D96BF
BF8DAF

Contrast Matrix WCAG 2.1 Contrast

C0B78E
EFEFD3
E5F8EA
DDEE99
FEFFBE
—
1.7
Fail
1.8
Fail
1.6
Fail
1.9
Fail
1.7
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
2.0Fail
1.2Fail
1.1Fail
1.3Fail
1.0Fail
Black BG
10.4AAA
18.0AAA
18.9AAA
16.8AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC98
EFEFDA
EDEDED
E4E5AE
FEFECE

Deuteranopia

BDBD9A
EFEFDB
ECEBEE
E3E2B3
FEFED2

Tritanopia

C0A0A1
EFDFE0
E6F0F1
DEBEC1
FEDADD

Achromatopsia

B5B5B5
ECECEC
F1F1F1
DFDFDF
F7F7F7

Shades & Tints Shades & Tints

#C0B78E

Dark
Light

#EFEFD3

Dark
Light

#E5F8EA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0b78e;
  --color-2: #efefd3;
  --color-3: #e5f8ea;
  --color-4: #ddee99;
  --color-5: #feffbe;
}

SCSS

$color-1: #c0b78e;
$color-2: #efefd3;
$color-3: #e5f8ea;
$color-4: #ddee99;
$color-5: #feffbe;

TAILWIND

colors: {
  'brand-1': '#c0b78e',
  'brand-2': '#efefd3',
  'brand-3': '#e5f8ea',
  'brand-4': '#ddee99',
  'brand-5': '#feffbe',
}

RGB Array

[192, 183, 142], [239, 239, 211], [229, 248, 234], [221, 238, 153], [254, 255, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0B78E, #EFEFD3, #E5F8EA, #DDEE99, #FEFFBE 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: #c0b78e; --color-2: #efefd3; --color-3: #e5f8ea; --color-4: #ddee99; --color-5: #feffbe. 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