← Back to Editor

#9FBABF · #EDE2C2 · #EBC79B · #F49F4C · #FF7038

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#9FBABF

Sky Blue · DarkGray · Lake Green

HEX
#9FBABF
RGB
rgb(159, 186, 191)
HSL
hsl(189, 20%, 69%)
HSB
hsb(189, 17%, 75%)
CMYK
cmyk(17%, 3%, 0%, 25%)
Oklch
oklch(77.0% 0.030 210.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#EDE2C2

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE2C2
RGB
rgb(237, 226, 194)
HSL
hsl(45, 54%, 85%)
HSB
hsb(45, 18%, 93%)
CMYK
cmyk(0%, 5%, 18%, 7%)
Oklch
oklch(91.3% 0.044 91.3)

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

#EBC79B

Goose Yellow · BurlyWood · Peach Orange

HEX
#EBC79B
RGB
rgb(235, 199, 155)
HSL
hsl(33, 67%, 76%)
HSB
hsb(33, 34%, 92%)
CMYK
cmyk(0%, 15%, 34%, 8%)
Oklch
oklch(85.0% 0.071 72.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F49F4C

Ginger · SandyBrown · Warm Sun

HEX
#F49F4C
RGB
rgb(244, 159, 76)
HSL
hsl(30, 88%, 63%)
HSB
hsb(30, 69%, 96%)
CMYK
cmyk(0%, 35%, 69%, 4%)
Oklch
oklch(77.3% 0.140 62.2)

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

#FF7038

Apricot · Tomato · Warm Sun

HEX
#FF7038
RGB
rgb(255, 112, 56)
HSL
hsl(17, 100%, 61%)
HSB
hsb(17, 78%, 100%)
CMYK
cmyk(0%, 56%, 78%, 0%)
Oklch
oklch(71.1% 0.188 40.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FBABF
C0A5A0

Analogous

A0C0B5
9FBABF
A0ABC0

Triadic

9FBABF
C0A0BB
BBC0A0

Split-Comp.

9FBABF
C0A0AB
C0B5A0

Tetradic

9FBABF
B5A0C0
C0A5A0
ABC0A0

Contrast Matrix WCAG 2.1 Contrast

9FBABF
EDE2C2
EBC79B
F49F4C
FF7038
—
1.6
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.6
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
White BG
2.0Fail
1.3Fail
1.6Fail
2.1Fail
2.8Fail
Black BG
10.3AAA
16.3AAA
13.2AAA
9.9AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABBE
E8E8CA
DBDBA6
CFCE60
C1C046

Deuteranopia

A9A7BE
E9EACC
DEE0A8
D4DA65
C9D449

Tritanopia

A0BDBD
ECD0D1
E9AEB0
F07073
F85053

Achromatopsia

B2B2B2
E2E2E2
CDCDCD
AFAFAF
949494

Shades & Tints Shades & Tints

#9FBABF

Dark
Light

#EDE2C2

Dark
Light

#EBC79B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fbabf;
  --color-2: #ede2c2;
  --color-3: #ebc79b;
  --color-4: #f49f4c;
  --color-5: #ff7038;
}

SCSS

$color-1: #9fbabf;
$color-2: #ede2c2;
$color-3: #ebc79b;
$color-4: #f49f4c;
$color-5: #ff7038;

TAILWIND

colors: {
  'brand-1': '#9fbabf',
  'brand-2': '#ede2c2',
  'brand-3': '#ebc79b',
  'brand-4': '#f49f4c',
  'brand-5': '#ff7038',
}

RGB Array

[159, 186, 191], [237, 226, 194], [235, 199, 155], [244, 159, 76], [255, 112, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9FBABF, #EDE2C2, #EBC79B, #F49F4C, #FF7038 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #9fbabf; --color-2: #ede2c2; --color-3: #ebc79b; --color-4: #f49f4c; --color-5: #ff7038. 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 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