← Back to Editor

#071114 · #115F58 · #4FA16D · #9AC15C · #F7EEE7

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

#071114

Slate Blue · Black · Peacock Green

HEX
#071114
RGB
rgb(7, 17, 20)
HSL
hsl(194, 48%, 5%)
HSB
hsb(194, 65%, 8%)
CMYK
cmyk(65%, 15%, 0%, 92%)
Oklch
oklch(16.9% 0.016 218.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#115F58

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#115F58
RGB
rgb(17, 95, 88)
HSL
hsl(175, 70%, 22%)
HSB
hsb(175, 82%, 37%)
CMYK
cmyk(82%, 0%, 7%, 63%)
Oklch
oklch(43.9% 0.072 185.7)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#4FA16D

Celadon · MediumSeaGreen · Olive Green

HEX
#4FA16D
RGB
rgb(79, 161, 109)
HSL
hsl(142, 34%, 47%)
HSB
hsb(142, 51%, 63%)
CMYK
cmyk(51%, 0%, 32%, 37%)
Oklch
oklch(64.3% 0.113 153.9)

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

#9AC15C

Grass Green · DarkSeaGreen · Olive Green

HEX
#9AC15C
RGB
rgb(154, 193, 92)
HSL
hsl(83, 45%, 56%)
HSB
hsb(83, 52%, 76%)
CMYK
cmyk(20%, 0%, 52%, 24%)
Oklch
oklch(76.1% 0.137 126.9)

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

#F7EEE7

Apricot · Linen · Peach Orange

HEX
#F7EEE7
RGB
rgb(247, 238, 231)
HSL
hsl(26, 50%, 94%)
HSB
hsb(26, 6%, 97%)
CMYK
cmyk(0%, 4%, 6%, 3%)
Oklch
oklch(95.4% 0.014 60.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

071114
130907

Analogous

071310
071114
070A13

Triadic

071114
130710
101307

Split-Comp.

071114
13070A
131007

Tetradic

071114
100713
130907
0A1307

Contrast Matrix WCAG 2.1 Contrast

071114
115F58
4FA16D
9AC15C
F7EEE7
—
2.5
Fail
6.1
AA
9.2
AAA
16.7
AAA
2.5
Fail
—
2.4
Fail
3.6
AA Large
6.5
AA
6.1
AA
2.4
Fail
—
1.5
Fail
2.8
Fail
9.2
AAA
3.6
AA Large
1.5
Fail
—
1.8
Fail
16.7
AAA
6.5
AA
2.8
Fail
1.8
Fail
—
White BG
19.1AAA
7.5AAA
3.2AA Large
2.1Fail
1.1Fail
Black BG
1.1Fail
2.8Fail
6.7AA
10.2AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B13
33335A
73737A
ABAB74
F3F3E9

Deuteranopia

0B0A13
2E285A
6E687D
A9A67A
F4F4E9

Tritanopia

081313
155B5B
538486
9C888C
F7EAEA

Achromatopsia

0E0E0E
474747
838383
AAAAAA
F0F0F0

Shades & Tints Shades & Tints

#071114

Dark
Light

#115F58

Dark
Light

#4FA16D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #071114;
  --color-2: #115f58;
  --color-3: #4fa16d;
  --color-4: #9ac15c;
  --color-5: #f7eee7;
}

SCSS

$color-1: #071114;
$color-2: #115f58;
$color-3: #4fa16d;
$color-4: #9ac15c;
$color-5: #f7eee7;

TAILWIND

colors: {
  'brand-1': '#071114',
  'brand-2': '#115f58',
  'brand-3': '#4fa16d',
  'brand-4': '#9ac15c',
  'brand-5': '#f7eee7',
}

RGB Array

[7, 17, 20], [17, 95, 88], [79, 161, 109], [154, 193, 92], [247, 238, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #071114, #115F58, #4FA16D, #9AC15C, #F7EEE7 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: #071114; --color-2: #115f58; --color-3: #4fa16d; --color-4: #9ac15c; --color-5: #f7eee7. 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