← Back to Editor

#1C0D09 · #9B8864 · #F6ECDE · #AED4BB · #90C3BC

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

#1C0D09

Crimson · Black · Deep Berry

HEX
#1C0D09
RGB
rgb(28, 13, 9)
HSL
hsl(13, 51%, 7%)
HSB
hsb(13, 68%, 11%)
CMYK
cmyk(0%, 54%, 68%, 89%)
Oklch
oklch(18.0% 0.027 35.8)

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

#9B8864

Ochre · Gray · Amber Brown

HEX
#9B8864
RGB
rgb(155, 136, 100)
HSL
hsl(39, 22%, 50%)
HSB
hsb(39, 35%, 61%)
CMYK
cmyk(0%, 12%, 35%, 39%)
Oklch
oklch(63.5% 0.055 83.1)

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

#F6ECDE

Goose Yellow · Beige · Peach Orange

HEX
#F6ECDE
RGB
rgb(246, 236, 222)
HSL
hsl(35, 57%, 92%)
HSB
hsb(35, 10%, 96%)
CMYK
cmyk(0%, 4%, 10%, 4%)
Oklch
oklch(94.7% 0.022 76.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#AED4BB

Celadon · Silver · Apple Green

HEX
#AED4BB
RGB
rgb(174, 212, 187)
HSL
hsl(141, 31%, 76%)
HSB
hsb(141, 18%, 83%)
CMYK
cmyk(18%, 0%, 12%, 17%)
Oklch
oklch(83.6% 0.053 156.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#90C3BC

Jade · DarkGray · Lake Green

HEX
#90C3BC
RGB
rgb(144, 195, 188)
HSL
hsl(172, 30%, 66%)
HSB
hsb(172, 26%, 76%)
CMYK
cmyk(26%, 0%, 4%, 24%)
Oklch
oklch(77.9% 0.054 185.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C0D09
09171B

Analogous

1B090E
1C0D09
1B1609

Triadic

1C0D09
091B0D
0D091B

Split-Comp.

1C0D09
091B16
090E1B

Tetradic

1C0D09
0E1B09
09171B
16091B

Contrast Matrix WCAG 2.1 Contrast

1C0D09
9B8864
F6ECDE
AED4BB
90C3BC
—
5.5
AA
16.2
AAA
11.6
AAA
9.6
AAA
5.5
AA
—
2.9
Fail
2.1
Fail
1.8
Fail
16.2
AAA
2.9
Fail
—
1.4
Fail
1.7
Fail
11.6
AAA
2.1
Fail
1.4
Fail
—
1.2
Fail
9.6
AAA
1.8
Fail
1.7
Fail
1.2
Fail
—
White BG
18.9AAA
3.4AA Large
1.2Fail
1.6Fail
2.0Fail
Black BG
1.1Fail
6.1AA
18.0AAA
12.9AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

16150A
93936D
F2F2E1
BEBFC1
A6A7BE

Deuteranopia

16170A
94956F
F2F3E2
BCB9C3
A39FBE

Tritanopia

1B0B0B
9A7475
F6E4E5
B0C6C7
93BFBF

Achromatopsia

111111
8A8A8A
EDEDED
C6C6C6
B3B3B3

Shades & Tints Shades & Tints

#1C0D09

Dark
Light

#9B8864

Dark
Light

#F6ECDE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c0d09;
  --color-2: #9b8864;
  --color-3: #f6ecde;
  --color-4: #aed4bb;
  --color-5: #90c3bc;
}

SCSS

$color-1: #1c0d09;
$color-2: #9b8864;
$color-3: #f6ecde;
$color-4: #aed4bb;
$color-5: #90c3bc;

TAILWIND

colors: {
  'brand-1': '#1c0d09',
  'brand-2': '#9b8864',
  'brand-3': '#f6ecde',
  'brand-4': '#aed4bb',
  'brand-5': '#90c3bc',
}

RGB Array

[28, 13, 9], [155, 136, 100], [246, 236, 222], [174, 212, 187], [144, 195, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C0D09, #9B8864, #F6ECDE, #AED4BB, #90C3BC 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: #1c0d09; --color-2: #9b8864; --color-3: #f6ecde; --color-4: #aed4bb; --color-5: #90c3bc. 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