← Back to Editor

#FAC38A · #F5DA93 · #78593D · #5C3F1F · #B6AF81

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAC38A

Goose Yellow · BurlyWood · Peach Orange

HEX
#FAC38A
RGB
rgb(250, 195, 138)
HSL
hsl(31, 92%, 76%)
HSB
hsb(31, 45%, 98%)
CMYK
cmyk(0%, 22%, 45%, 2%)
Oklch
oklch(85.4% 0.096 66.9)

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

#F5DA93

Goose Yellow · Khaki · Lemon Cream

HEX
#F5DA93
RGB
rgb(245, 218, 147)
HSL
hsl(43, 83%, 77%)
HSB
hsb(43, 40%, 96%)
CMYK
cmyk(0%, 11%, 40%, 4%)
Oklch
oklch(89.5% 0.094 89.5)

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

#78593D

Tangerine · DarkOliveGreen · Amber Brown

HEX
#78593D
RGB
rgb(120, 89, 61)
HSL
hsl(28, 33%, 35%)
HSB
hsb(28, 49%, 47%)
CMYK
cmyk(0%, 26%, 49%, 53%)
Oklch
oklch(48.9% 0.058 62.9)

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

#5C3F1F

Ochre · DarkOliveGreen · Cinnamon

HEX
#5C3F1F
RGB
rgb(92, 63, 31)
HSL
hsl(31, 50%, 24%)
HSB
hsb(31, 66%, 36%)
CMYK
cmyk(0%, 32%, 66%, 64%)
Oklch
oklch(39.3% 0.062 67.0)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#B6AF81

Fresh Green · Tan · Sunflower

HEX
#B6AF81
RGB
rgb(182, 175, 129)
HSL
hsl(52, 27%, 61%)
HSB
hsb(52, 29%, 71%)
CMYK
cmyk(0%, 4%, 29%, 29%)
Oklch
oklch(74.8% 0.063 100.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAC38A
89C0FA

Analogous

FA8B89
FAC38A
F8FA89

Triadic

FAC38A
89FAC4
C489FA

Split-Comp.

FAC38A
89F8FA
8B89FA

Tetradic

FAC38A
89FA8B
89C0FA
FA89F8

Contrast Matrix WCAG 2.1 Contrast

FAC38A
F5DA93
78593D
5C3F1F
B6AF81
—
1.2
Fail
4.0
AA Large
6.1
AA
1.4
Fail
1.2
Fail
—
4.7
AA
7.0
AAA
1.6
Fail
4.0
AA Large
4.7
AA
—
1.5
Fail
2.9
Fail
6.1
AA
7.0
AAA
1.5
Fail
—
4.3
AA Large
1.4
Fail
1.6
Fail
2.9
Fail
4.3
AA Large
—
White BG
1.6Fail
1.4Fail
6.4AA
9.6AAA
2.2Fail
Black BG
13.2AAA
15.3AAA
3.3AA Large
2.2Fail
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E298
E9E9A4
6B6A44
4F4F27
B3B38C

Deuteranopia

E5EA9B
EBEDA8
6C6F45
515329
B3B48F

Tritanopia

F7A3A5
F4B2B5
76494A
5B2D2E
B69597

Achromatopsia

CDCDCD
DADADA
5F5F5F
444444
ACACAC

Shades & Tints Shades & Tints

#FAC38A

Dark
Light

#F5DA93

Dark
Light

#78593D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fac38a;
  --color-2: #f5da93;
  --color-3: #78593d;
  --color-4: #5c3f1f;
  --color-5: #b6af81;
}

SCSS

$color-1: #fac38a;
$color-2: #f5da93;
$color-3: #78593d;
$color-4: #5c3f1f;
$color-5: #b6af81;

TAILWIND

colors: {
  'brand-1': '#fac38a',
  'brand-2': '#f5da93',
  'brand-3': '#78593d',
  'brand-4': '#5c3f1f',
  'brand-5': '#b6af81',
}

RGB Array

[250, 195, 138], [245, 218, 147], [120, 89, 61], [92, 63, 31], [182, 175, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAC38A, #F5DA93, #78593D, #5C3F1F, #B6AF81 is ideal for: 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: #fac38a; --color-2: #f5da93; --color-3: #78593d; --color-4: #5c3f1f; --color-5: #b6af81. 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 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