#067583 + #261818 + #104047 + #366B3D + #748207 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#067583

Lake Blue · Teal · Mint Ice

HEX

#067583

RGB

rgb(6, 117, 131)

HSL

hsl(187, 91%, 27%)

HSB

hsb(187, 95%, 51%)

CMYK

cmyk(95%, 11%, 0%, 49%)

Oklch

oklch(51.6% 0.088 209.5)

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

#261818

Crimson · Black · Deep Berry

HEX

#261818

RGB

rgb(38, 24, 24)

HSL

hsl(0, 23%, 12%)

HSB

hsb(0, 37%, 15%)

CMYK

cmyk(0%, 37%, 37%, 85%)

Oklch

oklch(22.7% 0.023 19.0)

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

#104047

Lake Blue · DarkSlateGray · Peacock Green

HEX

#104047

RGB

rgb(16, 64, 71)

HSL

hsl(188, 63%, 17%)

HSB

hsb(188, 77%, 28%)

CMYK

cmyk(77%, 10%, 0%, 72%)

Oklch

oklch(34.3% 0.051 209.0)

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

#366B3D

Celadon · DarkOliveGreen · Forest Green

HEX

#366B3D

RGB

rgb(54, 107, 61)

HSL

hsl(128, 33%, 32%)

HSB

hsb(128, 50%, 42%)

CMYK

cmyk(50%, 0%, 43%, 58%)

Oklch

oklch(47.8% 0.092 146.8)

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

#748207

Autumn Sage · Olive · Honey Gold

HEX

#748207

RGB

rgb(116, 130, 7)

HSL

hsl(67, 90%, 27%)

HSB

hsb(67, 95%, 51%)

CMYK

cmyk(11%, 0%, 95%, 49%)

Oklch

oklch(57.5% 0.131 117.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

067583

841506

Analogous

068453

067583

063684

Triadic

067583

840675

758406

Split-Comp.

067583

840636

845306

Tetradic

067583

530684

841506

368406

Contrast Matrix WCAG 2.1 Contrast

067583	261818	104047	366B3D	748207
—	3.2 AA Large	2.1 Fail	1.2 Fail	1.3 Fail
3.2 AA Large	—	1.5 Fail	2.7 Fail	4.0 AA Large
2.1 Fail	1.5 Fail	—	1.8 Fail	2.7 Fail
1.2 Fail	2.7 Fail	1.8 Fail	—	1.5 Fail
1.3 Fail	4.0 AA Large	2.7 Fail	1.5 Fail	—

White BG

5.4AA

17.1AAA

11.4AAA

6.3AA

4.3AA Large

Black BG

3.9AA Large

1.2Fail

1.8Fail

3.3AA Large

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363780

202018

252545

4D4D48

7A7A25

Deuteranopia

30277F

212218

221E45

4A464B

79782C

Tritanopia

0C7D7C

251818

124444

395153

753C41

Achromatopsia

555555

1C1C1C

323232

565656

707070

Shades & Tints Shades & Tints

#067583

Dark

Light

#261818

Dark

Light

#104047

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #067583;
  --color-2: #261818;
  --color-3: #104047;
  --color-4: #366b3d;
  --color-5: #748207;
}

SCSS

$color-1: #067583;
$color-2: #261818;
$color-3: #104047;
$color-4: #366b3d;
$color-5: #748207;

TAILWIND

colors: {
  'brand-1': '#067583',
  'brand-2': '#261818',
  'brand-3': '#104047',
  'brand-4': '#366b3d',
  'brand-5': '#748207',
}

RGB Array

[6, 117, 131], [38, 24, 24], [16, 64, 71], [54, 107, 61], [116, 130, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #067583, #261818, #104047, #366B3D, #748207 is ideal for: tech websites, dark mode UIs, game UIs. 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: #067583; --color-2: #261818; --color-3: #104047; --color-4: #366b3d; --color-5: #748207. 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 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