← Back to Editor

#DFEF5E · #BEB04F · #B5945F · #464148 · #04133C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DFEF5E

Fresh Green · Khaki · Sunflower

HEX
#DFEF5E
RGB
rgb(223, 239, 94)
HSL
hsl(67, 82%, 65%)
HSB
hsb(67, 61%, 94%)
CMYK
cmyk(7%, 0%, 61%, 6%)
Oklch
oklch(91.3% 0.168 115.1)

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

#BEB04F

Autumn Sage · GoldenRod · Sunflower

HEX
#BEB04F
RGB
rgb(190, 176, 79)
HSL
hsl(52, 46%, 53%)
HSB
hsb(52, 58%, 75%)
CMYK
cmyk(0%, 7%, 58%, 25%)
Oklch
oklch(75.0% 0.119 101.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B5945F

Ginger · DarkSalmon · Warm Sun

HEX
#B5945F
RGB
rgb(181, 148, 95)
HSL
hsl(37, 37%, 54%)
HSB
hsb(37, 48%, 71%)
CMYK
cmyk(0%, 18%, 48%, 29%)
Oklch
oklch(68.5% 0.081 78.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#464148

Dark Cyan · DarkSlateGray · Charcoal

HEX
#464148
RGB
rgb(70, 65, 72)
HSL
hsl(283, 5%, 27%)
HSB
hsb(283, 10%, 28%)
CMYK
cmyk(3%, 10%, 0%, 72%)
Oklch
oklch(38.3% 0.013 316.4)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#04133C

Indigo · MidnightBlue · Deep Sea Blue

HEX
#04133C
RGB
rgb(4, 19, 60)
HSL
hsl(224, 88%, 13%)
HSB
hsb(224, 93%, 24%)
CMYK
cmyk(93%, 68%, 0%, 76%)
Oklch
oklch(20.6% 0.082 263.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFEF5E
6E5DEF

Analogous

EFB75D
DFEF5E
95EF5D

Triadic

DFEF5E
5DDEEF
EF5DDE

Split-Comp.

DFEF5E
5D95EF
B75DEF

Tetradic

DFEF5E
5DEFB7
6E5DEF
EF5D95

Contrast Matrix WCAG 2.1 Contrast

DFEF5E
BEB04F
B5945F
464148
04133C
—
1.7
Fail
2.3
Fail
7.9
AAA
14.3
AAA
1.7
Fail
—
1.3
Fail
4.5
AA
8.2
AAA
2.3
Fail
1.3
Fail
—
3.5
AA Large
6.3
AA
7.9
AAA
4.5
AA
3.5
AA Large
—
1.8
Fail
14.3
AAA
8.2
AAA
6.3
AA
1.8
Fail
—
White BG
1.3Fail
2.2Fail
2.9Fail
10.0AAA
18.0AAA
Black BG
16.6AAA
9.5AAA
7.4AAA
2.1Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E681
B8B866
A7A66C
444446
0A0B32

Deuteranopia

E5E48A
B9BA6C
A9AB6F
444546
0A0930

Tritanopia

E09DA3
BD797D
B37678
464545
052A29

Achromatopsia

DADADA
A9A9A9
989898
434343
131313

Shades & Tints Shades & Tints

#DFEF5E

Dark
Light

#BEB04F

Dark
Light

#B5945F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfef5e;
  --color-2: #beb04f;
  --color-3: #b5945f;
  --color-4: #464148;
  --color-5: #04133c;
}

SCSS

$color-1: #dfef5e;
$color-2: #beb04f;
$color-3: #b5945f;
$color-4: #464148;
$color-5: #04133c;

TAILWIND

colors: {
  'brand-1': '#dfef5e',
  'brand-2': '#beb04f',
  'brand-3': '#b5945f',
  'brand-4': '#464148',
  'brand-5': '#04133c',
}

RGB Array

[223, 239, 94], [190, 176, 79], [181, 148, 95], [70, 65, 72], [4, 19, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFEF5E, #BEB04F, #B5945F, #464148, #04133C 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: #dfef5e; --color-2: #beb04f; --color-3: #b5945f; --color-4: #464148; --color-5: #04133c. 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