← Back to Editor

#2F1F1F · #056E83 · #00A8C0 · #10CFD9 · #06F4E7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2F1F1F

Crimson · Black · Deep Berry

HEX
#2F1F1F
RGB
rgb(47, 31, 31)
HSL
hsl(0, 21%, 15%)
HSB
hsb(0, 34%, 18%)
CMYK
cmyk(0%, 34%, 34%, 82%)
Oklch
oklch(25.9% 0.025 18.9)

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

#056E83

Lake Blue · Teal · Mint Ice

HEX
#056E83
RGB
rgb(5, 110, 131)
HSL
hsl(190, 93%, 27%)
HSB
hsb(190, 96%, 51%)
CMYK
cmyk(96%, 16%, 0%, 49%)
Oklch
oklch(49.7% 0.088 217.4)

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

#00A8C0

Lake Blue · LightSeaGreen · Mint Ice

HEX
#00A8C0
RGB
rgb(0, 168, 192)
HSL
hsl(188, 100%, 38%)
HSB
hsb(188, 100%, 75%)
CMYK
cmyk(100%, 13%, 0%, 25%)
Oklch
oklch(67.2% 0.117 212.5)

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

#10CFD9

Lake Blue · DarkTurquoise · Mint Ice

HEX
#10CFD9
RGB
rgb(16, 207, 217)
HSL
hsl(183, 86%, 46%)
HSB
hsb(183, 93%, 85%)
CMYK
cmyk(93%, 5%, 0%, 15%)
Oklch
oklch(77.8% 0.131 201.1)

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

#06F4E7

Mineral Blue · Cyan · Mint Ice

HEX
#06F4E7
RGB
rgb(6, 244, 231)
HSL
hsl(177, 95%, 49%)
HSB
hsb(177, 98%, 96%)
CMYK
cmyk(98%, 0%, 5%, 4%)
Oklch
oklch(87.2% 0.151 187.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F1F1F
1E2E2E

Analogous

2E1E26
2F1F1F
2E261E

Triadic

2F1F1F
1E2E1E
1E1E2E

Split-Comp.

2F1F1F
1E2E26
1E262E

Tetradic

2F1F1F
262E1E
1E2E2E
261E2E

Contrast Matrix WCAG 2.1 Contrast

2F1F1F
056E83
00A8C0
10CFD9
06F4E7
—
2.7
Fail
5.5
AA
8.2
AAA
11.3
AAA
2.7
Fail
—
2.1
Fail
3.1
AA Large
4.2
AA Large
5.5
AA
2.1
Fail
—
1.5
Fail
2.1
Fail
8.2
AAA
3.1
AA Large
1.5
Fail
—
1.4
Fail
11.3
AAA
4.2
AA Large
2.1
Fail
1.4
Fail
—
White BG
15.7AAA
5.9AA
2.9Fail
1.9Fail
1.4Fail
Black BG
1.3Fail
3.6AA Large
7.4AAA
10.9AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28281F
32337E
494ABA
6364D7
6D6FEA

Deuteranopia

292A1F
2C257D
3F32B9
5849D6
5F4DEB

Tritanopia

2E1F1F
0A7A79
08B6B5
1AD5D4
12EDED

Achromatopsia

242424
515151
797979
979797
ABABAB

Shades & Tints Shades & Tints

#2F1F1F

Dark
Light

#056E83

Dark
Light

#00A8C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f1f1f;
  --color-2: #056e83;
  --color-3: #00a8c0;
  --color-4: #10cfd9;
  --color-5: #06f4e7;
}

SCSS

$color-1: #2f1f1f;
$color-2: #056e83;
$color-3: #00a8c0;
$color-4: #10cfd9;
$color-5: #06f4e7;

TAILWIND

colors: {
  'brand-1': '#2f1f1f',
  'brand-2': '#056e83',
  'brand-3': '#00a8c0',
  'brand-4': '#10cfd9',
  'brand-5': '#06f4e7',
}

RGB Array

[47, 31, 31], [5, 110, 131], [0, 168, 192], [16, 207, 217], [6, 244, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F1F1F, #056E83, #00A8C0, #10CFD9, #06F4E7 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #2f1f1f; --color-2: #056e83; --color-3: #00a8c0; --color-4: #10cfd9; --color-5: #06f4e7. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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