← Back to Editor

#EAF6C5 · #F3E1B6 · #F8C29C · #D9980B · #2B2524

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

#EAF6C5

Willow Green · Beige · Mint Green

HEX
#EAF6C5
RGB
rgb(234, 246, 197)
HSL
hsl(75, 73%, 87%)
HSB
hsb(75, 20%, 96%)
CMYK
cmyk(5%, 0%, 20%, 4%)
Oklch
oklch(95.2% 0.065 118.8)

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

#F3E1B6

Goose Yellow · Wheat · Lemon Cream

HEX
#F3E1B6
RGB
rgb(243, 225, 182)
HSL
hsl(42, 72%, 83%)
HSB
hsb(42, 25%, 95%)
CMYK
cmyk(0%, 7%, 25%, 5%)
Oklch
oklch(91.4% 0.059 88.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F8C29C

Apricot · BurlyWood · Peach Orange

HEX
#F8C29C
RGB
rgb(248, 194, 156)
HSL
hsl(25, 87%, 79%)
HSB
hsb(25, 37%, 97%)
CMYK
cmyk(0%, 22%, 37%, 3%)
Oklch
oklch(85.3% 0.080 56.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D9980B

Ochre · GoldenRod · Honey Gold

HEX
#D9980B
RGB
rgb(217, 152, 11)
HSL
hsl(41, 90%, 45%)
HSB
hsb(41, 95%, 85%)
CMYK
cmyk(0%, 30%, 95%, 15%)
Oklch
oklch(72.5% 0.149 77.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#2B2524

Crimson · DarkSlateGray · Dark Stone

HEX
#2B2524
RGB
rgb(43, 37, 36)
HSL
hsl(9, 9%, 15%)
HSB
hsb(9, 16%, 17%)
CMYK
cmyk(0%, 14%, 16%, 83%)
Oklch
oklch(27.1% 0.009 29.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAF6C5
D2C6F6

Analogous

F6EAC6
EAF6C5
D2F6C6

Triadic

EAF6C5
C6EAF6
F6C6EA

Split-Comp.

EAF6C5
C6D2F6
EAC6F6

Tetradic

EAF6C5
C6F6EA
D2C6F6
F6C6D2

Contrast Matrix WCAG 2.1 Contrast

EAF6C5
F3E1B6
F8C29C
D9980B
2B2524
—
1.1
Fail
1.4
Fail
2.2
Fail
13.3
AAA
1.1
Fail
—
1.2
Fail
1.9
Fail
11.7
AAA
1.4
Fail
1.2
Fail
—
1.6
Fail
9.5
AAA
2.2
Fail
1.9
Fail
1.6
Fail
—
6.1
AA
13.3
AAA
11.7
AAA
9.5
AAA
6.1
AA
—
White BG
1.1Fail
1.3Fail
1.6Fail
2.5Fail
15.1AAA
Black BG
18.5AAA
16.3AAA
13.2AAA
8.4AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD1
EBEBC0
E1E0A5
BDBC2D
282824

Deuteranopia

EFEED4
ECEEC3
E4E8A7
C1C535
292924

Tritanopia

EBDADC
F2C9CA
F5ACAE
D6484E
2B2424

Achromatopsia

EDEDED
E1E1E1
CECECE
9B9B9B
272727

Shades & Tints Shades & Tints

#EAF6C5

Dark
Light

#F3E1B6

Dark
Light

#F8C29C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaf6c5;
  --color-2: #f3e1b6;
  --color-3: #f8c29c;
  --color-4: #d9980b;
  --color-5: #2b2524;
}

SCSS

$color-1: #eaf6c5;
$color-2: #f3e1b6;
$color-3: #f8c29c;
$color-4: #d9980b;
$color-5: #2b2524;

TAILWIND

colors: {
  'brand-1': '#eaf6c5',
  'brand-2': '#f3e1b6',
  'brand-3': '#f8c29c',
  'brand-4': '#d9980b',
  'brand-5': '#2b2524',
}

RGB Array

[234, 246, 197], [243, 225, 182], [248, 194, 156], [217, 152, 11], [43, 37, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAF6C5, #F3E1B6, #F8C29C, #D9980B, #2B2524 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: #eaf6c5; --color-2: #f3e1b6; --color-3: #f8c29c; --color-4: #d9980b; --color-5: #2b2524. 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