← Back to Editor

#CEAA5E · #564A1A · #95465B · #611A2C · #360E16

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

#CEAA5E

Ginger · SandyBrown · Sunflower

HEX
#CEAA5E
RGB
rgb(206, 170, 94)
HSL
hsl(41, 53%, 59%)
HSB
hsb(41, 54%, 81%)
CMYK
cmyk(0%, 17%, 54%, 19%)
Oklch
oklch(75.4% 0.104 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#564A1A

Ochre · DarkOliveGreen · Amber Gold

HEX
#564A1A
RGB
rgb(86, 74, 26)
HSL
hsl(48, 54%, 22%)
HSB
hsb(48, 70%, 34%)
CMYK
cmyk(0%, 14%, 70%, 66%)
Oklch
oklch(41.1% 0.068 95.2)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#95465B

Dark Violet · Sienna · Camellia

HEX
#95465B
RGB
rgb(149, 70, 91)
HSL
hsl(344, 36%, 43%)
HSB
hsb(344, 53%, 58%)
CMYK
cmyk(0%, 53%, 39%, 42%)
Oklch
oklch(50.1% 0.108 5.0)

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

#611A2C

Crimson · Maroon · Wine Red

HEX
#611A2C
RGB
rgb(97, 26, 44)
HSL
hsl(345, 58%, 24%)
HSB
hsb(345, 73%, 38%)
CMYK
cmyk(0%, 73%, 55%, 62%)
Oklch
oklch(33.9% 0.103 9.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#360E16

Crimson · Black · Deep Berry

HEX
#360E16
RGB
rgb(54, 14, 22)
HSL
hsl(348, 59%, 13%)
HSB
hsb(348, 74%, 21%)
CMYK
cmyk(0%, 74%, 59%, 79%)
Oklch
oklch(23.4% 0.064 11.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEAA5E
5F82CE

Analogous

CE735F
CEAA5E
BACE5F

Triadic

CEAA5E
5FCEAB
AB5FCE

Split-Comp.

CEAA5E
5FBACE
735FCE

Tetradic

CEAA5E
5FCE73
5F82CE
CE5FBA

Contrast Matrix WCAG 2.1 Contrast

CEAA5E
564A1A
95465B
611A2C
360E16
—
4.0
AA Large
2.9
Fail
5.6
AA
7.7
AAA
4.0
AA Large
—
1.4
Fail
1.4
Fail
1.9
Fail
2.9
Fail
1.4
Fail
—
2.0
Fail
2.7
Fail
5.6
AA
1.4
Fail
2.0
Fail
—
1.4
Fail
7.7
AAA
1.9
Fail
2.7
Fail
1.4
Fail
—
White BG
2.2Fail
8.8AAA
6.4AA
12.4AAA
17.1AAA
Black BG
9.5AAA
2.4Fail
3.3AA Large
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBE70
515126
737256
424228
252414

Deuteranopia

C1C375
525228
777D55
464C27
272A14

Tritanopia

CC7F82
552F31
915251
5D2423
341312

Achromatopsia

ACACAC
484848
606060
313131
1B1B1B

Shades & Tints Shades & Tints

#CEAA5E

Dark
Light

#564A1A

Dark
Light

#95465B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceaa5e;
  --color-2: #564a1a;
  --color-3: #95465b;
  --color-4: #611a2c;
  --color-5: #360e16;
}

SCSS

$color-1: #ceaa5e;
$color-2: #564a1a;
$color-3: #95465b;
$color-4: #611a2c;
$color-5: #360e16;

TAILWIND

colors: {
  'brand-1': '#ceaa5e',
  'brand-2': '#564a1a',
  'brand-3': '#95465b',
  'brand-4': '#611a2c',
  'brand-5': '#360e16',
}

RGB Array

[206, 170, 94], [86, 74, 26], [149, 70, 91], [97, 26, 44], [54, 14, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEAA5E, #564A1A, #95465B, #611A2C, #360E16 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: #ceaa5e; --color-2: #564a1a; --color-3: #95465b; --color-4: #611a2c; --color-5: #360e16. 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