← Back to Editor

#483A3A · #EAE1C0 · #F5EEDB · #FFFFFF · #8FB98B

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

#483A3A

Crimson · DarkSlateGray · Wine Red

HEX
#483A3A
RGB
rgb(72, 58, 58)
HSL
hsl(0, 11%, 25%)
HSB
hsb(0, 19%, 28%)
CMYK
cmyk(0%, 19%, 19%, 72%)
Oklch
oklch(36.3% 0.020 18.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#EAE1C0

Goose Yellow · Wheat · Lemon Cream

HEX
#EAE1C0
RGB
rgb(234, 225, 192)
HSL
hsl(47, 50%, 84%)
HSB
hsb(47, 18%, 92%)
CMYK
cmyk(0%, 4%, 18%, 8%)
Oklch
oklch(90.8% 0.045 94.5)

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

#F5EEDB

Goose Yellow · Beige · Lemon Cream

HEX
#F5EEDB
RGB
rgb(245, 238, 219)
HSL
hsl(44, 57%, 91%)
HSB
hsb(44, 11%, 96%)
CMYK
cmyk(0%, 3%, 11%, 4%)
Oklch
oklch(95.0% 0.026 90.1)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#8FB98B

Celadon · DarkSeaGreen · Apple Green

HEX
#8FB98B
RGB
rgb(143, 185, 139)
HSL
hsl(115, 25%, 64%)
HSB
hsb(115, 25%, 73%)
CMYK
cmyk(23%, 0%, 25%, 27%)
Oklch
oklch(74.3% 0.079 142.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483A3A
394747

Analogous

473940
483A3A
474039

Triadic

483A3A
394739
393947

Split-Comp.

483A3A
394740
394047

Tetradic

483A3A
404739
394747
403947

Contrast Matrix WCAG 2.1 Contrast

483A3A
EAE1C0
F5EEDB
FFFFFF
8FB98B
—
8.3
AAA
9.3
AAA
10.8
AAA
4.9
AA
8.3
AAA
—
1.1
Fail
1.3
Fail
1.7
Fail
9.3
AAA
1.1
Fail
—
1.2
Fail
1.9
Fail
10.8
AAA
1.3
Fail
1.2
Fail
—
2.2
Fail
4.9
AA
1.7
Fail
1.9
Fail
2.2
Fail
—
White BG
10.8AAA
1.3Fail
1.2Fail
1.0Fail
2.2Fail
Black BG
1.9Fail
16.0AAA
18.1AAA
21.0AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

42423A
E6E6C8
F2F2E0
FFFFFF
A1A296

Deuteranopia

43443A
E7E7CA
F2F3E1
FFFFFF
9F9C99

Tritanopia

473A3A
EACED0
F5E3E4
FFFFFF
919FA1

Achromatopsia

3E3E3E
E0E0E0
EEEEEE
FFFFFF
A7A7A7

Shades & Tints Shades & Tints

#483A3A

Dark
Light

#EAE1C0

Dark
Light

#F5EEDB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483a3a;
  --color-2: #eae1c0;
  --color-3: #f5eedb;
  --color-4: #ffffff;
  --color-5: #8fb98b;
}

SCSS

$color-1: #483a3a;
$color-2: #eae1c0;
$color-3: #f5eedb;
$color-4: #ffffff;
$color-5: #8fb98b;

TAILWIND

colors: {
  'brand-1': '#483a3a',
  'brand-2': '#eae1c0',
  'brand-3': '#f5eedb',
  'brand-4': '#ffffff',
  'brand-5': '#8fb98b',
}

RGB Array

[72, 58, 58], [234, 225, 192], [245, 238, 219], [255, 255, 255], [143, 185, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #483A3A, #EAE1C0, #F5EEDB, #FFFFFF, #8FB98B is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #483a3a; --color-2: #eae1c0; --color-3: #f5eedb; --color-4: #ffffff; --color-5: #8fb98b. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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