← Back to Editor

#94A9B0 · #CCBC54 · #6E544C · #382F2D · #21201F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#94A9B0

Sky Blue · DarkGray · Lake Green

HEX
#94A9B0
RGB
rgb(148, 169, 176)
HSL
hsl(195, 15%, 64%)
HSB
hsb(195, 16%, 69%)
CMYK
cmyk(16%, 4%, 0%, 31%)
Oklch
oklch(72.1% 0.026 219.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CCBC54

Autumn Sage · SandyBrown · Sunflower

HEX
#CCBC54
RGB
rgb(204, 188, 84)
HSL
hsl(52, 54%, 56%)
HSB
hsb(52, 59%, 80%)
CMYK
cmyk(0%, 8%, 59%, 20%)
Oklch
oklch(78.8% 0.126 100.6)

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

#6E544C

Crimson · DimGray · Wine Red

HEX
#6E544C
RGB
rgb(110, 84, 76)
HSL
hsl(14, 18%, 36%)
HSB
hsb(14, 31%, 43%)
CMYK
cmyk(0%, 24%, 31%, 57%)
Oklch
oklch(47.0% 0.037 37.8)

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

#382F2D

Crimson · DarkSlateGray · Deep Berry

HEX
#382F2D
RGB
rgb(56, 47, 45)
HSL
hsl(11, 11%, 20%)
HSB
hsb(11, 20%, 22%)
CMYK
cmyk(0%, 16%, 20%, 78%)
Oklch
oklch(31.4% 0.014 32.6)

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

#21201F

Ink Black · Black · Dark Stone

HEX
#21201F
RGB
rgb(33, 32, 31)
HSL
hsl(30, 3%, 13%)
HSB
hsb(30, 6%, 13%)
CMYK
cmyk(0%, 3%, 6%, 87%)
Oklch
oklch(24.4% 0.002 67.7)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A9B0
B19C95

Analogous

95B1AA
94A9B0
959CB1

Triadic

94A9B0
B195AA
AAB195

Split-Comp.

94A9B0
B1959C
B1AA95

Tetradic

94A9B0
AA95B1
B19C95
9CB195

Contrast Matrix WCAG 2.1 Contrast

94A9B0
CCBC54
6E544C
382F2D
21201F
—
1.3
Fail
2.8
Fail
5.3
AA
6.6
AA
1.3
Fail
—
3.6
AA Large
6.8
AA
8.4
AAA
2.8
Fail
3.6
AA Large
—
1.9
Fail
2.4
Fail
5.3
AA
6.8
AA
1.9
Fail
—
1.2
Fail
6.6
AA
8.4
AAA
2.4
Fail
1.2
Fail
—
White BG
2.5Fail
1.9Fail
6.9AA
13.0AAA
16.3AAA
Black BG
8.6AAA
10.9AAA
3.0AA Large
1.6Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DAE
C5C56D
63634E
34342D
21211F

Deuteranopia

9C9AAE
C6C773
64664E
35352E
21211F

Tritanopia

95ADAD
CB8185
6D4F50
382E2E
211F1F

Achromatopsia

A4A4A4
B5B5B5
5B5B5B
313131
202020

Shades & Tints Shades & Tints

#94A9B0

Dark
Light

#CCBC54

Dark
Light

#6E544C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a9b0;
  --color-2: #ccbc54;
  --color-3: #6e544c;
  --color-4: #382f2d;
  --color-5: #21201f;
}

SCSS

$color-1: #94a9b0;
$color-2: #ccbc54;
$color-3: #6e544c;
$color-4: #382f2d;
$color-5: #21201f;

TAILWIND

colors: {
  'brand-1': '#94a9b0',
  'brand-2': '#ccbc54',
  'brand-3': '#6e544c',
  'brand-4': '#382f2d',
  'brand-5': '#21201f',
}

RGB Array

[148, 169, 176], [204, 188, 84], [110, 84, 76], [56, 47, 45], [33, 32, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A9B0, #CCBC54, #6E544C, #382F2D, #21201F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #94a9b0; --color-2: #ccbc54; --color-3: #6e544c; --color-4: #382f2d; --color-5: #21201f. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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