← Back to Editor

#EBE9C9 · #D9D78D · #FFB057 · #FF2B5D · #2C2729

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

Color Details Color Details

#EBE9C9

Fresh Green · Bisque · Lemon Cream

HEX
#EBE9C9
RGB
rgb(235, 233, 201)
HSL
hsl(56, 46%, 85%)
HSB
hsb(56, 14%, 92%)
CMYK
cmyk(0%, 1%, 14%, 8%)
Oklch
oklch(92.7% 0.042 104.3)

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

#D9D78D

Fresh Green · Khaki · Sunflower

HEX
#D9D78D
RGB
rgb(217, 215, 141)
HSL
hsl(58, 50%, 70%)
HSB
hsb(58, 35%, 85%)
CMYK
cmyk(0%, 1%, 35%, 15%)
Oklch
oklch(86.4% 0.095 106.9)

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

#FFB057

Ginger · SandyBrown · Warm Sun

HEX
#FFB057
RGB
rgb(255, 176, 87)
HSL
hsl(32, 100%, 67%)
HSB
hsb(32, 66%, 100%)
CMYK
cmyk(0%, 31%, 66%, 0%)
Oklch
oklch(81.7% 0.139 66.8)

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

#FF2B5D

Vermilion · Crimson · Passion Red

HEX
#FF2B5D
RGB
rgb(255, 43, 93)
HSL
hsl(346, 100%, 58%)
HSB
hsb(346, 83%, 100%)
CMYK
cmyk(0%, 83%, 64%, 0%)
Oklch
oklch(65.0% 0.240 15.3)

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

#2C2729

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2C2729
RGB
rgb(44, 39, 41)
HSL
hsl(336, 6%, 16%)
HSB
hsb(336, 11%, 17%)
CMYK
cmyk(0%, 11%, 7%, 83%)
Oklch
oklch(27.9% 0.008 351.4)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE9C9
C7CAEA

Analogous

EAD6C7
EBE9C9
DBEAC7

Triadic

EBE9C9
C7EAE8
E8C7EA

Split-Comp.

EBE9C9
C7DBEA
D6C7EA

Tetradic

EBE9C9
C7EAD6
C7CAEA
EAC7DB

Contrast Matrix WCAG 2.1 Contrast

EBE9C9
D9D78D
FFB057
FF2B5D
2C2729
—
1.2
Fail
1.5
Fail
3.0
Fail
11.9
AAA
1.2
Fail
—
1.2
Fail
2.4
Fail
9.8
AAA
1.5
Fail
1.2
Fail
—
2.0
Fail
8.1
AAA
3.0
Fail
2.4
Fail
2.0
Fail
—
4.0
AA Large
11.9
AAA
9.8
AAA
8.1
AAA
4.0
AA Large
—
White BG
1.2Fail
1.5Fail
1.8Fail
3.6AA Large
14.7AAA
Black BG
17.0AAA
14.1AAA
11.6AAA
5.8AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD1
D8D89F
DDDC6D
A3A151
2A2A29

Deuteranopia

EAEAD3
D8D8A3
E1E772
B0BF4E
2A2B28

Tritanopia

EBD7D8
D9ADB0
FB7E81
F44745
2C2828

Achromatopsia

E6E6E6
CFCFCF
BDBDBD
707070
292929

Shades & Tints Shades & Tints

#EBE9C9

Dark
Light

#D9D78D

Dark
Light

#FFB057

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe9c9;
  --color-2: #d9d78d;
  --color-3: #ffb057;
  --color-4: #ff2b5d;
  --color-5: #2c2729;
}

SCSS

$color-1: #ebe9c9;
$color-2: #d9d78d;
$color-3: #ffb057;
$color-4: #ff2b5d;
$color-5: #2c2729;

TAILWIND

colors: {
  'brand-1': '#ebe9c9',
  'brand-2': '#d9d78d',
  'brand-3': '#ffb057',
  'brand-4': '#ff2b5d',
  'brand-5': '#2c2729',
}

RGB Array

[235, 233, 201], [217, 215, 141], [255, 176, 87], [255, 43, 93], [44, 39, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE9C9, #D9D78D, #FFB057, #FF2B5D, #2C2729 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: #ebe9c9; --color-2: #d9d78d; --color-3: #ffb057; --color-4: #ff2b5d; --color-5: #2c2729. 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