← Back to Editor

#084343 · #094862 · #2E6675 · #C1DCC6 · #E6FAD4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#084343

Lake Blue · DarkSlateGray · Peacock Green

HEX
#084343
RGB
rgb(8, 67, 67)
HSL
hsl(180, 79%, 15%)
HSB
hsb(180, 88%, 26%)
CMYK
cmyk(88%, 0%, 0%, 74%)
Oklch
oklch(34.8% 0.056 194.9)

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

#094862

Lake Blue · DarkSlateGray · Peacock Green

HEX
#094862
RGB
rgb(9, 72, 98)
HSL
hsl(198, 83%, 21%)
HSB
hsb(198, 91%, 38%)
CMYK
cmyk(91%, 27%, 0%, 62%)
Oklch
oklch(37.8% 0.073 232.3)

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

#2E6675

Slate Blue · DarkSlateGray · Mint Ice

HEX
#2E6675
RGB
rgb(46, 102, 117)
HSL
hsl(193, 44%, 32%)
HSB
hsb(193, 61%, 46%)
CMYK
cmyk(61%, 13%, 0%, 54%)
Oklch
oklch(47.9% 0.063 217.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#C1DCC6

Celadon · LightGray · Mint Green

HEX
#C1DCC6
RGB
rgb(193, 220, 198)
HSL
hsl(131, 28%, 81%)
HSB
hsb(131, 12%, 86%)
CMYK
cmyk(12%, 0%, 10%, 14%)
Oklch
oklch(86.8% 0.042 150.8)

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

#E6FAD4

Emerald · Beige · Mint Green

HEX
#E6FAD4
RGB
rgb(230, 250, 212)
HSL
hsl(92, 79%, 91%)
HSB
hsb(92, 15%, 98%)
CMYK
cmyk(8%, 0%, 15%, 2%)
Oklch
oklch(96.1% 0.054 130.1)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

084343
440808

Analogous

084426
084343
082644

Triadic

084343
440844
444408

Split-Comp.

084343
440826
442608

Tetradic

084343
260844
440808
264408

Contrast Matrix WCAG 2.1 Contrast

084343
094862
2E6675
C1DCC6
E6FAD4
—
1.1
Fail
1.7
Fail
7.6
AAA
10.0
AAA
1.1
Fail
—
1.5
Fail
6.8
AA
9.0
AAA
1.7
Fail
1.5
Fail
—
4.4
AA Large
5.8
AA
7.6
AAA
6.8
AA
4.4
AA Large
—
1.3
Fail
10.0
AAA
9.0
AAA
5.8
AA
1.3
Fail
—
White BG
11.1AAA
9.9AAA
6.4AA
1.5Fail
1.1Fail
Black BG
1.9Fail
2.1Fail
3.3AA Large
14.3AAA
19.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222243
24255C
464771
CDCDCB
EFEFDD

Deuteranopia

1E1A43
211C5A
433F70
CBC9CD
EEECDF

Tritanopia

0B4343
0C5756
316F6E
C2D0D0
E7E4E6

Achromatopsia

313131
383838
575757
D1D1D1
F0F0F0

Shades & Tints Shades & Tints

#084343

Dark
Light

#094862

Dark
Light

#2E6675

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #084343;
  --color-2: #094862;
  --color-3: #2e6675;
  --color-4: #c1dcc6;
  --color-5: #e6fad4;
}

SCSS

$color-1: #084343;
$color-2: #094862;
$color-3: #2e6675;
$color-4: #c1dcc6;
$color-5: #e6fad4;

TAILWIND

colors: {
  'brand-1': '#084343',
  'brand-2': '#094862',
  'brand-3': '#2e6675',
  'brand-4': '#c1dcc6',
  'brand-5': '#e6fad4',
}

RGB Array

[8, 67, 67], [9, 72, 98], [46, 102, 117], [193, 220, 198], [230, 250, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #084343, #094862, #2E6675, #C1DCC6, #E6FAD4 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #084343; --color-2: #094862; --color-3: #2e6675; --color-4: #c1dcc6; --color-5: #e6fad4. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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