← Back to Editor

#9B947B · #F3EAC7 · #F2D27E · #ED9F65 · #E66A4B

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

#9B947B

Ginger · Gray · Sunflower

HEX
#9B947B
RGB
rgb(155, 148, 123)
HSL
hsl(47, 14%, 55%)
HSB
hsb(47, 21%, 61%)
CMYK
cmyk(0%, 5%, 21%, 39%)
Oklch
oklch(66.6% 0.036 94.2)

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

#F3EAC7

Goose Yellow · Bisque · Lemon Cream

HEX
#F3EAC7
RGB
rgb(243, 234, 199)
HSL
hsl(48, 65%, 87%)
HSB
hsb(48, 18%, 95%)
CMYK
cmyk(0%, 4%, 18%, 5%)
Oklch
oklch(93.5% 0.047 95.2)

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

#F2D27E

Goose Yellow · Khaki · Sunflower

HEX
#F2D27E
RGB
rgb(242, 210, 126)
HSL
hsl(43, 82%, 72%)
HSB
hsb(43, 48%, 95%)
CMYK
cmyk(0%, 13%, 48%, 5%)
Oklch
oklch(87.3% 0.110 89.2)

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

#ED9F65

Apricot · SandyBrown · Warm Sun

HEX
#ED9F65
RGB
rgb(237, 159, 101)
HSL
hsl(26, 79%, 66%)
HSB
hsb(26, 57%, 93%)
CMYK
cmyk(0%, 33%, 57%, 7%)
Oklch
oklch(76.8% 0.119 56.5)

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

#E66A4B

Vermilion · Tomato · Passion Red

HEX
#E66A4B
RGB
rgb(230, 106, 75)
HSL
hsl(12, 76%, 60%)
HSB
hsb(12, 67%, 90%)
CMYK
cmyk(0%, 54%, 67%, 10%)
Oklch
oklch(66.9% 0.161 35.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9B947B
7C839C

Analogous

9C857C
9B947B
939C7C

Triadic

9B947B
7C9C95
957C9C

Split-Comp.

9B947B
7C939C
857C9C

Tetradic

9B947B
7C9C85
7C839C
9C7C93

Contrast Matrix WCAG 2.1 Contrast

9B947B
F3EAC7
F2D27E
ED9F65
E66A4B
—
2.5
Fail
2.1
Fail
1.4
Fail
1.1
Fail
2.5
Fail
—
1.2
Fail
1.8
Fail
2.7
Fail
2.1
Fail
1.2
Fail
—
1.5
Fail
2.2
Fail
1.4
Fail
1.8
Fail
1.5
Fail
—
1.5
Fail
1.1
Fail
2.7
Fail
2.2
Fail
1.5
Fail
—
White BG
3.0AA Large
1.2Fail
1.5Fail
2.2Fail
3.2AA Large
Black BG
6.9AA
17.4AAA
14.3AAA
9.7AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989881
EFEFCF
E4E492
CBCB73
B0AF53

Deuteranopia

989983
F0F0D2
E6E897
D0D676
B8C154

Tritanopia

9B8687
F3D6D8
F0A2A6
E97E81
E0585A

Achromatopsia

939393
E9E9E9
D2D2D2
B0B0B0
8C8C8C

Shades & Tints Shades & Tints

#9B947B

Dark
Light

#F3EAC7

Dark
Light

#F2D27E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9b947b;
  --color-2: #f3eac7;
  --color-3: #f2d27e;
  --color-4: #ed9f65;
  --color-5: #e66a4b;
}

SCSS

$color-1: #9b947b;
$color-2: #f3eac7;
$color-3: #f2d27e;
$color-4: #ed9f65;
$color-5: #e66a4b;

TAILWIND

colors: {
  'brand-1': '#9b947b',
  'brand-2': '#f3eac7',
  'brand-3': '#f2d27e',
  'brand-4': '#ed9f65',
  'brand-5': '#e66a4b',
}

RGB Array

[155, 148, 123], [243, 234, 199], [242, 210, 126], [237, 159, 101], [230, 106, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9B947B, #F3EAC7, #F2D27E, #ED9F65, #E66A4B 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: #9b947b; --color-2: #f3eac7; --color-3: #f2d27e; --color-4: #ed9f65; --color-5: #e66a4b. 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