← Back to Editor

#07322A · #D6FD86 · #603806 · #E1D241 · #091D11

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#07322A

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#07322A
RGB
rgb(7, 50, 42)
HSL
hsl(169, 75%, 11%)
HSB
hsb(169, 86%, 20%)
CMYK
cmyk(86%, 0%, 16%, 80%)
Oklch
oklch(28.6% 0.048 177.3)

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

#D6FD86

Willow Green · Khaki · Apple Green

HEX
#D6FD86
RGB
rgb(214, 253, 134)
HSL
hsl(80, 97%, 76%)
HSB
hsb(80, 47%, 99%)
CMYK
cmyk(15%, 0%, 47%, 1%)
Oklch
oklch(94.1% 0.152 124.2)

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

#603806

Ochre · Maroon · Cinnamon

HEX
#603806
RGB
rgb(96, 56, 6)
HSL
hsl(33, 88%, 20%)
HSB
hsb(33, 94%, 38%)
CMYK
cmyk(0%, 42%, 94%, 62%)
Oklch
oklch(38.1% 0.082 64.8)

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

#E1D241

Autumn Sage · GoldenRod · Sunflower

HEX
#E1D241
RGB
rgb(225, 210, 65)
HSL
hsl(54, 73%, 57%)
HSB
hsb(54, 71%, 88%)
CMYK
cmyk(0%, 7%, 71%, 12%)
Oklch
oklch(85.1% 0.159 103.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#091D11

Pine Green · Black · Dark Green

HEX
#091D11
RGB
rgb(9, 29, 17)
HSL
hsl(144, 53%, 7%)
HSB
hsb(144, 69%, 11%)
CMYK
cmyk(69%, 0%, 41%, 89%)
Oklch
oklch(21.0% 0.036 155.4)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

07322A
31070F

Analogous

073114
07322A
072431

Triadic

07322A
290731
312907

Split-Comp.

07322A
310724
311407

Tetradic

07322A
140731
31070F
243107

Contrast Matrix WCAG 2.1 Contrast

07322A
D6FD86
603806
E1D241
091D11
—
12.2
AAA
1.4
Fail
9.0
AAA
1.3
Fail
12.2
AAA
—
8.8
AAA
1.4
Fail
15.3
AAA
1.4
Fail
8.8
AAA
—
6.5
AA
1.7
Fail
9.0
AAA
1.4
Fail
6.5
AA
—
11.3
AAA
1.3
Fail
15.3
AAA
1.7
Fail
11.3
AAA
—
White BG
14.0AAA
1.2Fail
10.2AAA
1.6Fail
17.6AAA
Black BG
1.5Fail
18.3AAA
2.1Fail
13.5AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2C
E7E7A3
4F4E12
DBDA64
121214

Deuteranopia

17142C
E5E2AA
515415
DBDD6D
110F15

Tritanopia

092D2E
D8BABF
5E1C1E
E08086
0A1617

Achromatopsia

242424
E4E4E4
3E3E3E
C6C6C6
161616

Shades & Tints Shades & Tints

#07322A

Dark
Light

#D6FD86

Dark
Light

#603806

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #07322a;
  --color-2: #d6fd86;
  --color-3: #603806;
  --color-4: #e1d241;
  --color-5: #091d11;
}

SCSS

$color-1: #07322a;
$color-2: #d6fd86;
$color-3: #603806;
$color-4: #e1d241;
$color-5: #091d11;

TAILWIND

colors: {
  'brand-1': '#07322a',
  'brand-2': '#d6fd86',
  'brand-3': '#603806',
  'brand-4': '#e1d241',
  'brand-5': '#091d11',
}

RGB Array

[7, 50, 42], [214, 253, 134], [96, 56, 6], [225, 210, 65], [9, 29, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #07322A, #D6FD86, #603806, #E1D241, #091D11 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: #07322a; --color-2: #d6fd86; --color-3: #603806; --color-4: #e1d241; --color-5: #091d11. 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