← Back to Editor

#0A0705 · #AAB517 · #C39D29 · #43B995 · #1BD4AC

sea

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

#0A0705

Tangerine · Black · Cinnamon

HEX
#0A0705
RGB
rgb(10, 7, 5)
HSL
hsl(24, 33%, 3%)
HSB
hsb(24, 50%, 4%)
CMYK
cmyk(0%, 30%, 50%, 96%)
Oklch
oklch(13.2% 0.008 61.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#AAB517

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#AAB517
RGB
rgb(170, 181, 23)
HSL
hsl(64, 77%, 40%)
HSB
hsb(64, 87%, 71%)
CMYK
cmyk(6%, 0%, 87%, 29%)
Oklch
oklch(74.0% 0.162 114.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C39D29

Ochre · GoldenRod · Honey Gold

HEX
#C39D29
RGB
rgb(195, 157, 41)
HSL
hsl(45, 65%, 46%)
HSB
hsb(45, 79%, 76%)
CMYK
cmyk(0%, 19%, 79%, 24%)
Oklch
oklch(71.2% 0.133 89.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#43B995

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#43B995
RGB
rgb(67, 185, 149)
HSL
hsl(162, 47%, 49%)
HSB
hsb(162, 64%, 73%)
CMYK
cmyk(64%, 0%, 19%, 27%)
Oklch
oklch(71.0% 0.118 169.2)

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

#1BD4AC

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1BD4AC
RGB
rgb(27, 212, 172)
HSL
hsl(167, 77%, 47%)
HSB
hsb(167, 87%, 83%)
CMYK
cmyk(87%, 0%, 19%, 17%)
Oklch
oklch(77.7% 0.147 172.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0705
05080A

Analogous

0A0506
0A0705
0A0A05

Triadic

0A0705
050A07
07050A

Split-Comp.

0A0705
050A0A
05060A

Tetradic

0A0705
060A05
05080A
0A050A

Contrast Matrix WCAG 2.1 Contrast

0A0705
AAB517
C39D29
43B995
1BD4AC
—
8.9
AAA
7.8
AAA
8.2
AAA
10.6
AAA
8.9
AAA
—
1.1
Fail
1.1
Fail
1.2
Fail
7.8
AAA
1.1
Fail
—
1.1
Fail
1.4
Fail
8.2
AAA
1.1
Fail
1.1
Fail
—
1.3
Fail
10.6
AAA
1.2
Fail
1.4
Fail
1.3
Fail
—
White BG
20.1AAA
2.3Fail
2.6Fail
2.4Fail
1.9Fail
Black BG
1.0Fail
9.3AAA
8.2AAA
8.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

090905
AFAF3D
B3B245
76779E
6B6DB6

Deuteranopia

090906
AEAD46
B5B84C
6F66A0
6053B8

Tritanopia

0A0606
AB5B62
C15B60
49A5A6
24BDBF

Achromatopsia

080808
A0A0A0
9B9B9B
929292
989898

Shades & Tints Shades & Tints

#0A0705

Dark
Light

#AAB517

Dark
Light

#C39D29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0705;
  --color-2: #aab517;
  --color-3: #c39d29;
  --color-4: #43b995;
  --color-5: #1bd4ac;
}

SCSS

$color-1: #0a0705;
$color-2: #aab517;
$color-3: #c39d29;
$color-4: #43b995;
$color-5: #1bd4ac;

TAILWIND

colors: {
  'brand-1': '#0a0705',
  'brand-2': '#aab517',
  'brand-3': '#c39d29',
  'brand-4': '#43b995',
  'brand-5': '#1bd4ac',
}

RGB Array

[10, 7, 5], [170, 181, 23], [195, 157, 41], [67, 185, 149], [27, 212, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0A0705, #AAB517, #C39D29, #43B995, #1BD4AC is ideal for: tech websites, dark mode UIs, game UIs, 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: #0a0705; --color-2: #aab517; --color-3: #c39d29; --color-4: #43b995; --color-5: #1bd4ac. 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 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