← Back to Editor

#96AB98 · #D1B087 · #FFE8CC · #302426 · #1E0005

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

#96AB98

Celadon · DarkSeaGreen · Apple Green

HEX
#96AB98
RGB
rgb(150, 171, 152)
HSL
hsl(126, 11%, 63%)
HSB
hsb(126, 12%, 67%)
CMYK
cmyk(12%, 0%, 11%, 33%)
Oklch
oklch(71.9% 0.036 147.9)

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

#D1B087

Ginger · Tan · Warm Sun

HEX
#D1B087
RGB
rgb(209, 176, 135)
HSL
hsl(33, 45%, 67%)
HSB
hsb(33, 35%, 82%)
CMYK
cmyk(0%, 16%, 35%, 18%)
Oklch
oklch(77.6% 0.067 72.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FFE8CC

Goose Yellow · Bisque · Peach Orange

HEX
#FFE8CC
RGB
rgb(255, 232, 204)
HSL
hsl(33, 100%, 90%)
HSB
hsb(33, 20%, 100%)
CMYK
cmyk(0%, 9%, 20%, 0%)
Oklch
oklch(94.2% 0.045 72.7)

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

#302426

Crimson · DarkSlateGray · Deep Berry

HEX
#302426
RGB
rgb(48, 36, 38)
HSL
hsl(350, 14%, 16%)
HSB
hsb(350, 25%, 19%)
CMYK
cmyk(0%, 25%, 21%, 81%)
Oklch
oklch(27.5% 0.019 7.2)

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

#1E0005

Vermilion · Black · Deep Berry

HEX
#1E0005
RGB
rgb(30, 0, 5)
HSL
hsl(350, 100%, 6%)
HSB
hsb(350, 100%, 12%)
CMYK
cmyk(0%, 100%, 83%, 88%)
Oklch
oklch(15.0% 0.060 12.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

96AB98
AB96A9

Analogous

9FAB96
96AB98
96ABA3

Triadic

96AB98
9896AB
AB9896

Split-Comp.

96AB98
A396AB
AB969F

Tetradic

96AB98
969FAB
AB96A9
ABA396

Contrast Matrix WCAG 2.1 Contrast

96AB98
D1B087
FFE8CC
302426
1E0005
—
1.2
Fail
2.1
Fail
6.1
AA
8.1
AAA
1.2
Fail
—
1.7
Fail
7.3
AAA
9.7
AAA
2.1
Fail
1.7
Fail
—
12.6
AAA
16.7
AAA
6.1
AA
7.3
AAA
12.6
AAA
—
1.3
Fail
8.1
AAA
9.7
AAA
16.7
AAA
1.3
Fail
—
White BG
2.4Fail
2.0Fail
1.2Fail
14.9AAA
19.9AAA
Black BG
8.6AAA
10.3AAA
17.7AAA
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F9D
C3C291
F5F5D3
2B2B26
111104

Deuteranopia

9E9C9E
C5C793
F6F8D4
2C2C25
131504

Tritanopia

97A0A1
CF999A
FED8D9
2F2525
1D0303

Achromatopsia

A3A3A3
B5B5B5
ECECEC
282828
0A0A0A

Shades & Tints Shades & Tints

#96AB98

Dark
Light

#D1B087

Dark
Light

#FFE8CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #96ab98;
  --color-2: #d1b087;
  --color-3: #ffe8cc;
  --color-4: #302426;
  --color-5: #1e0005;
}

SCSS

$color-1: #96ab98;
$color-2: #d1b087;
$color-3: #ffe8cc;
$color-4: #302426;
$color-5: #1e0005;

TAILWIND

colors: {
  'brand-1': '#96ab98',
  'brand-2': '#d1b087',
  'brand-3': '#ffe8cc',
  'brand-4': '#302426',
  'brand-5': '#1e0005',
}

RGB Array

[150, 171, 152], [209, 176, 135], [255, 232, 204], [48, 36, 38], [30, 0, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #96AB98, #D1B087, #FFE8CC, #302426, #1E0005 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: #96ab98; --color-2: #d1b087; --color-3: #ffe8cc; --color-4: #302426; --color-5: #1e0005. 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