← Back to Editor

#FEBA72 · #706161 · #EAEAD8 · #8D8582 · #B9CCBB

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

WorkspaceReadingData Visualization

Color Details Color Details

#FEBA72

Goose Yellow · LightSalmon · Warm Sun

HEX
#FEBA72
RGB
rgb(254, 186, 114)
HSL
hsl(31, 99%, 72%)
HSB
hsb(31, 55%, 100%)
CMYK
cmyk(0%, 27%, 55%, 0%)
Oklch
oklch(83.7% 0.119 66.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#706161

Ink Gray · DimGray · Warm Gray

HEX
#706161
RGB
rgb(112, 97, 97)
HSL
hsl(0, 7%, 41%)
HSB
hsb(0, 13%, 44%)
CMYK
cmyk(0%, 13%, 13%, 56%)
Oklch
oklch(50.7% 0.019 17.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#EAEAD8

Fresh Green · Beige · Lemon Cream

HEX
#EAEAD8
RGB
rgb(234, 234, 216)
HSL
hsl(60, 30%, 88%)
HSB
hsb(60, 8%, 92%)
CMYK
cmyk(0%, 0%, 8%, 8%)
Oklch
oklch(93.2% 0.024 106.9)

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

#8D8582

Ash · Gray · Warm Gray

HEX
#8D8582
RGB
rgb(141, 133, 130)
HSL
hsl(16, 5%, 53%)
HSB
hsb(16, 8%, 55%)
CMYK
cmyk(0%, 6%, 8%, 45%)
Oklch
oklch(62.3% 0.011 41.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#B9CCBB

Celadon · Silver · Apple Green

HEX
#B9CCBB
RGB
rgb(185, 204, 187)
HSL
hsl(126, 16%, 76%)
HSB
hsb(126, 9%, 80%)
CMYK
cmyk(9%, 0%, 8%, 20%)
Oklch
oklch(82.6% 0.031 148.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEBA72
71B5FE

Analogous

FE7371
FEBA72
FCFE71

Triadic

FEBA72
71FEBA
BA71FE

Split-Comp.

FEBA72
71FCFE
7371FE

Tetradic

FEBA72
71FE73
71B5FE
FE71FC

Contrast Matrix WCAG 2.1 Contrast

FEBA72
706161
EAEAD8
8D8582
B9CCBB
—
3.5
AA Large
1.4
Fail
2.1
Fail
1.0
Fail
3.5
AA Large
—
4.8
AA
1.6
Fail
3.5
AA Large
1.4
Fail
4.8
AA
—
3.0
Fail
1.4
Fail
2.1
Fail
1.6
Fail
3.0
Fail
—
2.1
Fail
1.0
Fail
3.5
AA Large
1.4
Fail
2.1
Fail
—
White BG
1.7Fail
5.9AA
1.2Fail
3.6AA Large
1.7Fail
Black BG
12.5AAA
3.6AA Large
17.3AAA
5.8AA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E083
6A6961
EAEADC
8A8983
C1C1BF

Deuteranopia

E5EA88
6A6B61
EAEADD
8A8B83
C0BFC0

Tritanopia

FB9194
6F6161
EAE0E1
8D8383
BAC2C3

Achromatopsia

C6C6C6
656565
E8E8E8
878787
C4C4C4

Shades & Tints Shades & Tints

#FEBA72

Dark
Light

#706161

Dark
Light

#EAEAD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feba72;
  --color-2: #706161;
  --color-3: #eaead8;
  --color-4: #8d8582;
  --color-5: #b9ccbb;
}

SCSS

$color-1: #feba72;
$color-2: #706161;
$color-3: #eaead8;
$color-4: #8d8582;
$color-5: #b9ccbb;

TAILWIND

colors: {
  'brand-1': '#feba72',
  'brand-2': '#706161',
  'brand-3': '#eaead8',
  'brand-4': '#8d8582',
  'brand-5': '#b9ccbb',
}

RGB Array

[254, 186, 114], [112, 97, 97], [234, 234, 216], [141, 133, 130], [185, 204, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEBA72, #706161, #EAEAD8, #8D8582, #B9CCBB is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #feba72; --color-2: #706161; --color-3: #eaead8; --color-4: #8d8582; --color-5: #b9ccbb. 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. 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 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