← Back to Editor

#13171F · #00474D · #07825D · #71B34B · #B1D68D

sea

A 5-color sea 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

#13171F

Indigo · Black · Deep Sea Blue

HEX
#13171F
RGB
rgb(19, 23, 31)
HSL
hsl(220, 24%, 10%)
HSB
hsb(220, 39%, 12%)
CMYK
cmyk(39%, 26%, 0%, 88%)
Oklch
oklch(20.4% 0.017 264.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#00474D

Lake Blue · DarkSlateGray · Peacock Green

HEX
#00474D
RGB
rgb(0, 71, 77)
HSL
hsl(185, 100%, 15%)
HSB
hsb(185, 100%, 30%)
CMYK
cmyk(100%, 8%, 0%, 70%)
Oklch
oklch(36.3% 0.062 204.4)

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

#07825D

Mineral Blue · Teal · Mint Ice

HEX
#07825D
RGB
rgb(7, 130, 93)
HSL
hsl(162, 90%, 27%)
HSB
hsb(162, 95%, 51%)
CMYK
cmyk(95%, 0%, 28%, 49%)
Oklch
oklch(53.8% 0.112 164.6)

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

#71B34B

Celadon · MediumSeaGreen · Olive Green

HEX
#71B34B
RGB
rgb(113, 179, 75)
HSL
hsl(98, 41%, 50%)
HSB
hsb(98, 58%, 70%)
CMYK
cmyk(37%, 0%, 58%, 30%)
Oklch
oklch(70.0% 0.154 135.6)

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

#B1D68D

Celadon · LightGreen · Apple Green

HEX
#B1D68D
RGB
rgb(177, 214, 141)
HSL
hsl(90, 47%, 70%)
HSB
hsb(90, 34%, 84%)
CMYK
cmyk(17%, 0%, 34%, 16%)
Oklch
oklch(83.2% 0.105 130.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13171F
201C13

Analogous

131E20
13171F
151320

Triadic

13171F
201317
172013

Split-Comp.

13171F
201513
1E2013

Tetradic

13171F
20131E
201C13
132015

Contrast Matrix WCAG 2.1 Contrast

13171F
00474D
07825D
71B34B
B1D68D
—
1.7
Fail
3.7
AA Large
7.1
AAA
11.0
AAA
1.7
Fail
—
2.2
Fail
4.1
AA Large
6.4
AA
3.7
AA Large
2.2
Fail
—
1.9
Fail
3.0
Fail
7.1
AAA
4.1
AA Large
1.9
Fail
—
1.6
Fail
11.0
AAA
6.4
AA
3.0
Fail
1.6
Fail
—
White BG
17.9AAA
10.5AAA
4.8AA
2.5Fail
1.6Fail
Black BG
1.2Fail
2.0Fail
4.4AA Large
8.3AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

15151D
1F1F4C
3C3D66
8E8E64
C1C19F

Deuteranopia

15141D
1B154B
352C68
8A856A
BFBCA3

Tritanopia

131C1B
044A4A
0D6D6F
74787C
B3ADB0

Achromatopsia

171717
323232
595959
939393
C3C3C3

Shades & Tints Shades & Tints

#13171F

Dark
Light

#00474D

Dark
Light

#07825D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13171f;
  --color-2: #00474d;
  --color-3: #07825d;
  --color-4: #71b34b;
  --color-5: #b1d68d;
}

SCSS

$color-1: #13171f;
$color-2: #00474d;
$color-3: #07825d;
$color-4: #71b34b;
$color-5: #b1d68d;

TAILWIND

colors: {
  'brand-1': '#13171f',
  'brand-2': '#00474d',
  'brand-3': '#07825d',
  'brand-4': '#71b34b',
  'brand-5': '#b1d68d',
}

RGB Array

[19, 23, 31], [0, 71, 77], [7, 130, 93], [113, 179, 75], [177, 214, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #13171F, #00474D, #07825D, #71B34B, #B1D68D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #13171f; --color-2: #00474d; --color-3: #07825d; --color-4: #71b34b; --color-5: #b1d68d. 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. 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 sea-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