← Back to Editor

#BEF1BD · #CEDB8E · #DFC55F · #EFAF2F · #FF9900

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

#BEF1BD

Emerald · LightGray · Mint Green

HEX
#BEF1BD
RGB
rgb(190, 241, 189)
HSL
hsl(119, 65%, 84%)
HSB
hsb(119, 22%, 95%)
CMYK
cmyk(21%, 0%, 22%, 5%)
Oklch
oklch(90.9% 0.087 144.3)

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

#CEDB8E

Willow Green · Khaki · Apple Green

HEX
#CEDB8E
RGB
rgb(206, 219, 142)
HSL
hsl(70, 52%, 71%)
HSB
hsb(70, 35%, 86%)
CMYK
cmyk(6%, 0%, 35%, 14%)
Oklch
oklch(86.4% 0.100 116.4)

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

#DFC55F

Ginger · SandyBrown · Sunflower

HEX
#DFC55F
RGB
rgb(223, 197, 95)
HSL
hsl(48, 67%, 62%)
HSB
hsb(48, 57%, 87%)
CMYK
cmyk(0%, 12%, 57%, 13%)
Oklch
oklch(82.5% 0.125 95.2)

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

#EFAF2F

Ginger · GoldenRod · Sunflower

HEX
#EFAF2F
RGB
rgb(239, 175, 47)
HSL
hsl(40, 86%, 56%)
HSB
hsb(40, 80%, 94%)
CMYK
cmyk(0%, 27%, 80%, 6%)
Oklch
oklch(79.4% 0.152 79.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FF9900

Ochre · Orange · Amber Brown

HEX
#FF9900
RGB
rgb(255, 153, 0)
HSL
hsl(36, 100%, 50%)
HSB
hsb(36, 100%, 100%)
CMYK
cmyk(0%, 40%, 100%, 0%)
Oklch
oklch(77.2% 0.174 64.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEF1BD
F0BCF1

Analogous

D7F1BC
BEF1BD
BCF1D5

Triadic

BEF1BD
BCBDF1
F1BCBD

Split-Comp.

BEF1BD
D5BCF1
F1BCD7

Tetradic

BEF1BD
BCD7F1
F0BCF1
F1D5BC

Contrast Matrix WCAG 2.1 Contrast

BEF1BD
CEDB8E
DFC55F
EFAF2F
FF9900
—
1.2
Fail
1.3
Fail
1.5
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
1.3Fail
1.5Fail
1.7Fail
1.9Fail
2.1Fail
Black BG
16.5AAA
14.1AAA
12.3AAA
10.8AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D5CA
D4D4A1
D4D478
D3D34E
D3D225

Deuteranopia

D1CDCD
D3D2A5
D5D77E
D7DC55
D9E02E

Tritanopia

C1D4D6
CFAFB3
DE8B8F
EC666C
FA4249

Achromatopsia

DCDCDC
CECECE
C1C1C1
B4B4B4
A6A6A6

Shades & Tints Shades & Tints

#BEF1BD

Dark
Light

#CEDB8E

Dark
Light

#DFC55F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bef1bd;
  --color-2: #cedb8e;
  --color-3: #dfc55f;
  --color-4: #efaf2f;
  --color-5: #ff9900;
}

SCSS

$color-1: #bef1bd;
$color-2: #cedb8e;
$color-3: #dfc55f;
$color-4: #efaf2f;
$color-5: #ff9900;

TAILWIND

colors: {
  'brand-1': '#bef1bd',
  'brand-2': '#cedb8e',
  'brand-3': '#dfc55f',
  'brand-4': '#efaf2f',
  'brand-5': '#ff9900',
}

RGB Array

[190, 241, 189], [206, 219, 142], [223, 197, 95], [239, 175, 47], [255, 153, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BEF1BD, #CEDB8E, #DFC55F, #EFAF2F, #FF9900 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #bef1bd; --color-2: #cedb8e; --color-3: #dfc55f; --color-4: #efaf2f; --color-5: #ff9900. 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. 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