← Back to Editor

#423B34 · #FFF4D1 · #BFAD77 · #69643E · #334528

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

#423B34

Ochre · DarkSlateGray · Cinnamon

HEX
#423B34
RGB
rgb(66, 59, 52)
HSL
hsl(30, 12%, 23%)
HSB
hsb(30, 21%, 26%)
CMYK
cmyk(0%, 11%, 21%, 74%)
Oklch
oklch(35.7% 0.015 67.3)

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

#FFF4D1

Goose Yellow · Beige · Lemon Cream

HEX
#FFF4D1
RGB
rgb(255, 244, 209)
HSL
hsl(46, 100%, 91%)
HSB
hsb(46, 18%, 100%)
CMYK
cmyk(0%, 4%, 18%, 0%)
Oklch
oklch(96.7% 0.047 92.6)

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

#BFAD77

Ginger · Tan · Sunflower

HEX
#BFAD77
RGB
rgb(191, 173, 119)
HSL
hsl(45, 36%, 61%)
HSB
hsb(45, 38%, 75%)
CMYK
cmyk(0%, 9%, 38%, 25%)
Oklch
oklch(75.0% 0.075 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#69643E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#69643E
RGB
rgb(105, 100, 62)
HSL
hsl(53, 26%, 33%)
HSB
hsb(53, 41%, 41%)
CMYK
cmyk(0%, 5%, 41%, 59%)
Oklch
oklch(49.8% 0.056 101.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#334528

Celadon · DarkSlateGray · Forest Green

HEX
#334528
RGB
rgb(51, 69, 40)
HSL
hsl(97, 27%, 21%)
HSB
hsb(97, 42%, 27%)
CMYK
cmyk(26%, 0%, 42%, 73%)
Oklch
oklch(36.6% 0.053 134.3)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

423B34
343B42

Analogous

423434
423B34
424234

Triadic

423B34
34423B
3B3442

Split-Comp.

423B34
344242
343442

Tetradic

423B34
344234
343B42
423442

Contrast Matrix WCAG 2.1 Contrast

423B34
FFF4D1
BFAD77
69643E
334528
—
10.0
AAA
5.0
AA
1.8
Fail
1.1
Fail
10.0
AAA
—
2.0
Fail
5.5
AA
9.4
AAA
5.0
AA
2.0
Fail
—
2.7
Fail
4.7
AA
1.8
Fail
5.5
AA
2.7
Fail
—
1.7
Fail
1.1
Fail
9.4
AAA
4.7
AA
1.7
Fail
—
White BG
11.0AAA
1.1Fail
2.2Fail
6.0AA
10.4AAA
Black BG
1.9Fail
19.1AAA
9.5AAA
3.5AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F36
FAFAD9
B7B784
676747
3B3B2F

Deuteranopia

3F4036
FBFCDC
B8BA87
676849
3A3831

Tritanopia

423737
FEE0E2
BE8E91
694E50
343536

Achromatopsia

3C3C3C
F3F3F3
ACACAC
616161
3C3C3C

Shades & Tints Shades & Tints

#423B34

Dark
Light

#FFF4D1

Dark
Light

#BFAD77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #423b34;
  --color-2: #fff4d1;
  --color-3: #bfad77;
  --color-4: #69643e;
  --color-5: #334528;
}

SCSS

$color-1: #423b34;
$color-2: #fff4d1;
$color-3: #bfad77;
$color-4: #69643e;
$color-5: #334528;

TAILWIND

colors: {
  'brand-1': '#423b34',
  'brand-2': '#fff4d1',
  'brand-3': '#bfad77',
  'brand-4': '#69643e',
  'brand-5': '#334528',
}

RGB Array

[66, 59, 52], [255, 244, 209], [191, 173, 119], [105, 100, 62], [51, 69, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #423B34, #FFF4D1, #BFAD77, #69643E, #334528 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: #423b34; --color-2: #fff4d1; --color-3: #bfad77; --color-4: #69643e; --color-5: #334528. 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