← Back to Editor

#EFB66F · #FF967E · #E19C7B · #B6A281 · #88A384

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFB66F

Ginger · SandyBrown · Warm Sun

HEX
#EFB66F
RGB
rgb(239, 182, 111)
HSL
hsl(33, 80%, 69%)
HSB
hsb(33, 54%, 94%)
CMYK
cmyk(0%, 24%, 54%, 6%)
Oklch
oklch(81.4% 0.110 71.3)

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

#FF967E

Peach Pink · LightSalmon · Coral Red

HEX
#FF967E
RGB
rgb(255, 150, 126)
HSL
hsl(11, 100%, 75%)
HSB
hsb(11, 51%, 100%)
CMYK
cmyk(0%, 41%, 51%, 0%)
Oklch
oklch(77.8% 0.132 33.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E19C7B

Apricot · DarkSalmon · Warm Sun

HEX
#E19C7B
RGB
rgb(225, 156, 123)
HSL
hsl(19, 63%, 68%)
HSB
hsb(19, 45%, 88%)
CMYK
cmyk(0%, 31%, 45%, 12%)
Oklch
oklch(75.2% 0.095 46.4)

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

#B6A281

Ginger · Tan · Warm Sun

HEX
#B6A281
RGB
rgb(182, 162, 129)
HSL
hsl(37, 27%, 61%)
HSB
hsb(37, 29%, 71%)
CMYK
cmyk(0%, 11%, 29%, 29%)
Oklch
oklch(72.1% 0.051 80.1)

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

#88A384

Celadon · DarkSeaGreen · Olive Green

HEX
#88A384
RGB
rgb(136, 163, 132)
HSL
hsl(112, 14%, 58%)
HSB
hsb(112, 19%, 64%)
CMYK
cmyk(17%, 0%, 19%, 36%)
Oklch
oklch(68.6% 0.054 141.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFB66F
71AAEF

Analogous

EF7771
EFB66F
E9EF71

Triadic

EFB66F
71EFB6
B671EF

Split-Comp.

EFB66F
71E9EF
7771EF

Tetradic

EFB66F
71EF77
71AAEF
EF71E9

Contrast Matrix WCAG 2.1 Contrast

EFB66F
FF967E
E19C7B
B6A281
88A384
—
1.2
Fail
1.3
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
1.8Fail
2.1Fail
2.3Fail
2.5Fail
2.8Fail
Black BG
11.6AAA
9.9AAA
9.2AAA
8.5AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D680
D2D184
C3C383
ADAD89
94948C

Deuteranopia

DADE84
D8E085
C7CC85
AFB08B
92908D

Tritanopia

EC8E91
FA8889
DE898B
B58F91
899193

Achromatopsia

BFBFBF
B3B3B3
ADADAD
A4A4A4
979797

Shades & Tints Shades & Tints

#EFB66F

Dark
Light

#FF967E

Dark
Light

#E19C7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efb66f;
  --color-2: #ff967e;
  --color-3: #e19c7b;
  --color-4: #b6a281;
  --color-5: #88a384;
}

SCSS

$color-1: #efb66f;
$color-2: #ff967e;
$color-3: #e19c7b;
$color-4: #b6a281;
$color-5: #88a384;

TAILWIND

colors: {
  'brand-1': '#efb66f',
  'brand-2': '#ff967e',
  'brand-3': '#e19c7b',
  'brand-4': '#b6a281',
  'brand-5': '#88a384',
}

RGB Array

[239, 182, 111], [255, 150, 126], [225, 156, 123], [182, 162, 129], [136, 163, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFB66F, #FF967E, #E19C7B, #B6A281, #88A384 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #efb66f; --color-2: #ff967e; --color-3: #e19c7b; --color-4: #b6a281; --color-5: #88a384. 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 tech, SaaS, healthcare, eco industries. 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