← Back to Editor

#674F23 · #E48B69 · #E1B365 · #E5DB84 · #FFEEAC

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

#674F23

Ochre · DarkOliveGreen · Amber Brown

HEX
#674F23
RGB
rgb(103, 79, 35)
HSL
hsl(39, 49%, 27%)
HSB
hsb(39, 66%, 40%)
CMYK
cmyk(0%, 23%, 66%, 60%)
Oklch
oklch(44.3% 0.069 80.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E48B69

Apricot · DarkSalmon · Warm Sun

HEX
#E48B69
RGB
rgb(228, 139, 105)
HSL
hsl(17, 69%, 65%)
HSB
hsb(17, 54%, 89%)
CMYK
cmyk(0%, 39%, 54%, 11%)
Oklch
oklch(72.3% 0.119 41.5)

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

#E1B365

Ginger · SandyBrown · Warm Sun

HEX
#E1B365
RGB
rgb(225, 179, 101)
HSL
hsl(38, 67%, 64%)
HSB
hsb(38, 55%, 88%)
CMYK
cmyk(0%, 20%, 55%, 12%)
Oklch
oklch(79.2% 0.110 79.3)

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

#E5DB84

Fresh Green · Khaki · Sunflower

HEX
#E5DB84
RGB
rgb(229, 219, 132)
HSL
hsl(54, 65%, 71%)
HSB
hsb(54, 42%, 90%)
CMYK
cmyk(0%, 4%, 42%, 10%)
Oklch
oklch(88.1% 0.109 102.6)

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

#FFEEAC

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEEAC
RGB
rgb(255, 238, 172)
HSL
hsl(48, 100%, 84%)
HSB
hsb(48, 33%, 100%)
CMYK
cmyk(0%, 7%, 33%, 0%)
Oklch
oklch(94.7% 0.085 95.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

674F23
233B67

Analogous

672D23
674F23
5C6723

Triadic

674F23
23674F
4F2367

Split-Comp.

674F23
235C67
2D2367

Tetradic

674F23
23672D
233B67
67235C

Contrast Matrix WCAG 2.1 Contrast

674F23
E48B69
E1B365
E5DB84
FFEEAC
—
3.0
AA Large
4.0
AA Large
5.4
AA
6.6
AA
3.0
AA Large
—
1.3
Fail
1.8
Fail
2.2
Fail
4.0
AA Large
1.3
Fail
—
1.4
Fail
1.7
Fail
5.4
AA
1.8
Fail
1.4
Fail
—
1.2
Fail
6.6
AA
2.2
Fail
1.7
Fail
1.2
Fail
—
White BG
7.7AAA
2.6Fail
1.9Fail
1.4Fail
1.2Fail
Black BG
2.7Fail
8.2AAA
10.8AAA
14.8AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5C2E
BDBD71
CDCD78
E1E199
F8F7BC

Deuteranopia

5E6030
C3C973
D0D37C
E1E29E
F9FAC0

Tritanopia

663638
E07879
DF878A
E4AAAD
FEC9CB

Achromatopsia

515151
A2A2A2
B8B8B8
D4D4D4
ECECEC

Shades & Tints Shades & Tints

#674F23

Dark
Light

#E48B69

Dark
Light

#E1B365

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #674f23;
  --color-2: #e48b69;
  --color-3: #e1b365;
  --color-4: #e5db84;
  --color-5: #ffeeac;
}

SCSS

$color-1: #674f23;
$color-2: #e48b69;
$color-3: #e1b365;
$color-4: #e5db84;
$color-5: #ffeeac;

TAILWIND

colors: {
  'brand-1': '#674f23',
  'brand-2': '#e48b69',
  'brand-3': '#e1b365',
  'brand-4': '#e5db84',
  'brand-5': '#ffeeac',
}

RGB Array

[103, 79, 35], [228, 139, 105], [225, 179, 101], [229, 219, 132], [255, 238, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #674F23, #E48B69, #E1B365, #E5DB84, #FFEEAC 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: #674f23; --color-2: #e48b69; --color-3: #e1b365; --color-4: #e5db84; --color-5: #ffeeac. 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