← Back to Editor

#00010C · #465445 · #DFC990 · #6F2F47 · #48342D

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

#00010C

Indigo · Black · Deep Sea Blue

HEX
#00010C
RGB
rgb(0, 1, 12)
HSL
hsl(235, 100%, 2%)
HSB
hsb(235, 100%, 5%)
CMYK
cmyk(100%, 92%, 0%, 95%)
Oklch
oklch(8.1% 0.041 262.9)

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

#465445

Celadon · DarkSlateGray · Forest Green

HEX
#465445
RGB
rgb(70, 84, 69)
HSL
hsl(116, 10%, 30%)
HSB
hsb(116, 18%, 33%)
CMYK
cmyk(17%, 0%, 18%, 67%)
Oklch
oklch(42.9% 0.030 143.3)

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

#DFC990

Goose Yellow · BurlyWood · Sunflower

HEX
#DFC990
RGB
rgb(223, 201, 144)
HSL
hsl(43, 55%, 72%)
HSB
hsb(43, 35%, 87%)
CMYK
cmyk(0%, 10%, 35%, 13%)
Oklch
oklch(84.1% 0.078 89.3)

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

#6F2F47

Dark Violet · Brown · Camellia

HEX
#6F2F47
RGB
rgb(111, 47, 71)
HSL
hsl(338, 41%, 31%)
HSB
hsb(338, 58%, 44%)
CMYK
cmyk(0%, 58%, 36%, 56%)
Oklch
oklch(40.1% 0.095 358.7)

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

#48342D

Tangerine · DarkSlateGray · Cinnamon

HEX
#48342D
RGB
rgb(72, 52, 45)
HSL
hsl(16, 23%, 23%)
HSB
hsb(16, 37%, 28%)
CMYK
cmyk(0%, 28%, 37%, 72%)
Oklch
oklch(34.6% 0.032 40.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00010C
0A0900

Analogous

00060A
00010C
04000A

Triadic

00010C
0A0001
010A00

Split-Comp.

00010C
0A0400
060A00

Tetradic

00010C
0A0006
0A0900
000A04

Contrast Matrix WCAG 2.1 Contrast

00010C
465445
DFC990
6F2F47
48342D
—
2.6
Fail
12.8
AAA
2.2
Fail
1.8
Fail
2.6
Fail
—
4.9
AA
1.2
Fail
1.4
Fail
12.8
AAA
4.9
AA
—
5.9
AA
7.1
AAA
2.2
Fail
1.2
Fail
5.9
AA
—
1.2
Fail
1.8
Fail
1.4
Fail
7.1
AAA
1.2
Fail
—
White BG
20.8AAA
8.0AAA
1.6Fail
9.7AAA
11.6AAA
Black BG
1.0Fail
2.6Fail
12.9AAA
2.2Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

000009
4C4C49
D5D59E
535341
3F3F2F

Deuteranopia

000009
4B4A4A
D7D8A1
575C40
41422F

Tritanopia

000707
474B4C
DEA9AB
6C3D3C
473030

Achromatopsia

020202
4E4E4E
C9C9C9
454545
393939

Shades & Tints Shades & Tints

#00010C

Dark
Light

#465445

Dark
Light

#DFC990

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00010c;
  --color-2: #465445;
  --color-3: #dfc990;
  --color-4: #6f2f47;
  --color-5: #48342d;
}

SCSS

$color-1: #00010c;
$color-2: #465445;
$color-3: #dfc990;
$color-4: #6f2f47;
$color-5: #48342d;

TAILWIND

colors: {
  'brand-1': '#00010c',
  'brand-2': '#465445',
  'brand-3': '#dfc990',
  'brand-4': '#6f2f47',
  'brand-5': '#48342d',
}

RGB Array

[0, 1, 12], [70, 84, 69], [223, 201, 144], [111, 47, 71], [72, 52, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00010C, #465445, #DFC990, #6F2F47, #48342D 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: #00010c; --color-2: #465445; --color-3: #dfc990; --color-4: #6f2f47; --color-5: #48342d. 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