← Back to Editor

#2F3235 · #F3F0CF · #D6BF4A · #460E25 · #1A0505

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

#2F3235

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2F3235
RGB
rgb(47, 50, 53)
HSL
hsl(210, 6%, 20%)
HSB
hsb(210, 11%, 21%)
CMYK
cmyk(11%, 6%, 0%, 79%)
Oklch
oklch(31.5% 0.007 248.0)

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

#F3F0CF

Fresh Green · Beige · Lemon Cream

HEX
#F3F0CF
RGB
rgb(243, 240, 207)
HSL
hsl(55, 60%, 88%)
HSB
hsb(55, 15%, 95%)
CMYK
cmyk(0%, 1%, 15%, 5%)
Oklch
oklch(94.9% 0.043 102.9)

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

#D6BF4A

Autumn Sage · SandyBrown · Sunflower

HEX
#D6BF4A
RGB
rgb(214, 191, 74)
HSL
hsl(50, 63%, 56%)
HSB
hsb(50, 65%, 84%)
CMYK
cmyk(0%, 11%, 65%, 16%)
Oklch
oklch(80.3% 0.137 98.1)

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

#460E25

Dark Violet · Maroon · Raspberry

HEX
#460E25
RGB
rgb(70, 14, 37)
HSL
hsl(335, 67%, 16%)
HSB
hsb(335, 80%, 27%)
CMYK
cmyk(0%, 80%, 47%, 73%)
Oklch
oklch(27.1% 0.087 359.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#1A0505

Vermilion · Black · Deep Berry

HEX
#1A0505
RGB
rgb(26, 5, 5)
HSL
hsl(0, 68%, 6%)
HSB
hsb(0, 81%, 10%)
CMYK
cmyk(0%, 81%, 81%, 90%)
Oklch
oklch(15.5% 0.039 22.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F3235
363330

Analogous

303636
2F3235
303036

Triadic

2F3235
363033
333630

Split-Comp.

2F3235
363030
363630

Tetradic

2F3235
363036
363330
303630

Contrast Matrix WCAG 2.1 Contrast

2F3235
F3F0CF
D6BF4A
460E25
1A0505
—
11.2
AAA
7.0
AAA
1.2
Fail
1.5
Fail
11.2
AAA
—
1.6
Fail
13.5
AAA
17.0
AAA
7.0
AAA
1.6
Fail
—
8.5
AAA
10.7
AAA
1.2
Fail
13.5
AAA
8.5
AAA
—
1.3
Fail
1.5
Fail
17.0
AAA
10.7
AAA
1.3
Fail
—
White BG
12.9AAA
1.2Fail
1.8Fail
15.6AAA
19.7AAA
Black BG
1.6Fail
18.2AAA
11.4AAA
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

303034
F2F2D7
CCCC66
2E2D1F
111105

Deuteranopia

303034
F2F2D9
CDCF6D
31351E
121405

Tritanopia

2F3434
F3DDDF
D57D82
431B1A
190505

Achromatopsia

313131
EDEDED
B9B9B9
212121
0B0B0B

Shades & Tints Shades & Tints

#2F3235

Dark
Light

#F3F0CF

Dark
Light

#D6BF4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f3235;
  --color-2: #f3f0cf;
  --color-3: #d6bf4a;
  --color-4: #460e25;
  --color-5: #1a0505;
}

SCSS

$color-1: #2f3235;
$color-2: #f3f0cf;
$color-3: #d6bf4a;
$color-4: #460e25;
$color-5: #1a0505;

TAILWIND

colors: {
  'brand-1': '#2f3235',
  'brand-2': '#f3f0cf',
  'brand-3': '#d6bf4a',
  'brand-4': '#460e25',
  'brand-5': '#1a0505',
}

RGB Array

[47, 50, 53], [243, 240, 207], [214, 191, 74], [70, 14, 37], [26, 5, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F3235, #F3F0CF, #D6BF4A, #460E25, #1A0505 is ideal for: tech websites, dark mode UIs, game UIs, 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: #2f3235; --color-2: #f3f0cf; --color-3: #d6bf4a; --color-4: #460e25; --color-5: #1a0505. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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