← Back to Editor

#261D1D · #515346 · #5EBD7B · #BADB89 · #E4F498

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

#261D1D

Crimson · Black · Deep Berry

HEX
#261D1D
RGB
rgb(38, 29, 29)
HSL
hsl(0, 13%, 13%)
HSB
hsb(0, 24%, 15%)
CMYK
cmyk(0%, 24%, 24%, 85%)
Oklch
oklch(24.2% 0.014 18.2)

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

#515346

Autumn Sage · DarkOliveGreen · Charcoal

HEX
#515346
RGB
rgb(81, 83, 70)
HSL
hsl(69, 8%, 30%)
HSB
hsb(69, 16%, 33%)
CMYK
cmyk(2%, 0%, 16%, 67%)
Oklch
oklch(43.6% 0.021 114.4)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#5EBD7B

Celadon · MediumSeaGreen · Olive Green

HEX
#5EBD7B
RGB
rgb(94, 189, 123)
HSL
hsl(138, 42%, 55%)
HSB
hsb(138, 50%, 74%)
CMYK
cmyk(50%, 0%, 35%, 26%)
Oklch
oklch(72.3% 0.132 151.7)

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

#BADB89

Willow Green · Tan · Apple Green

HEX
#BADB89
RGB
rgb(186, 219, 137)
HSL
hsl(84, 53%, 70%)
HSB
hsb(84, 37%, 86%)
CMYK
cmyk(15%, 0%, 37%, 14%)
Oklch
oklch(84.8% 0.113 126.5)

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

#E4F498

Willow Green · Khaki · Apple Green

HEX
#E4F498
RGB
rgb(228, 244, 152)
HSL
hsl(70, 81%, 78%)
HSB
hsb(70, 38%, 96%)
CMYK
cmyk(7%, 0%, 38%, 4%)
Oklch
oklch(93.5% 0.117 116.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261D1D
1D2525

Analogous

251D21
261D1D
25211D

Triadic

261D1D
1D251D
1D1D25

Split-Comp.

261D1D
1D2521
1D2125

Tetradic

261D1D
21251D
1D2525
211D25

Contrast Matrix WCAG 2.1 Contrast

261D1D
515346
5EBD7B
BADB89
E4F498
—
2.1
Fail
7.1
AAA
10.6
AAA
13.9
AAA
2.1
Fail
—
3.4
AA Large
5.1
AA
6.6
AA
7.1
AAA
3.4
AA Large
—
1.5
Fail
2.0
Fail
10.6
AAA
5.1
AA
1.5
Fail
—
1.3
Fail
13.9
AAA
6.6
AA
2.0
Fail
1.3
Fail
—
White BG
16.5AAA
7.8AAA
2.3Fail
1.5Fail
1.2Fail
Black BG
1.3Fail
2.7Fail
9.0AAA
13.6AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

22221D
525249
87888B
C8C99D
EBEBAE

Deuteranopia

23231D
52524A
827B8F
C6C4A2
EAE9B4

Tritanopia

261D1D
514C4C
63989A
BCADB0
E5C0C4

Achromatopsia

202020
515151
999999
C8C8C8
E5E5E5

Shades & Tints Shades & Tints

#261D1D

Dark
Light

#515346

Dark
Light

#5EBD7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261d1d;
  --color-2: #515346;
  --color-3: #5ebd7b;
  --color-4: #badb89;
  --color-5: #e4f498;
}

SCSS

$color-1: #261d1d;
$color-2: #515346;
$color-3: #5ebd7b;
$color-4: #badb89;
$color-5: #e4f498;

TAILWIND

colors: {
  'brand-1': '#261d1d',
  'brand-2': '#515346',
  'brand-3': '#5ebd7b',
  'brand-4': '#badb89',
  'brand-5': '#e4f498',
}

RGB Array

[38, 29, 29], [81, 83, 70], [94, 189, 123], [186, 219, 137], [228, 244, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261D1D, #515346, #5EBD7B, #BADB89, #E4F498 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: #261d1d; --color-2: #515346; --color-3: #5ebd7b; --color-4: #badb89; --color-5: #e4f498. 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