#67B38F + #797A5B + #D94E37 + #DE8133 + #D0CF9F · 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

#67B38F

Mineral Blue · CadetBlue · Olive Green

HEX

#67B38F

RGB

rgb(103, 179, 143)

HSL

hsl(152, 33%, 55%)

HSB

hsb(152, 42%, 70%)

CMYK

cmyk(42%, 0%, 20%, 30%)

Oklch

oklch(70.7% 0.093 162.2)

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

#797A5B

Autumn Sage · DimGray · Honey Gold

HEX

#797A5B

RGB

rgb(121, 122, 91)

HSL

hsl(62, 15%, 42%)

HSB

hsb(62, 25%, 48%)

CMYK

cmyk(1%, 0%, 25%, 52%)

Oklch

oklch(57.0% 0.045 109.3)

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

#D94E37

Vermilion · Chocolate · Passion Red

HEX

#D94E37

RGB

rgb(217, 78, 55)

HSL

hsl(9, 68%, 53%)

HSB

hsb(9, 75%, 85%)

CMYK

cmyk(0%, 64%, 75%, 15%)

Oklch

oklch(61.0% 0.179 31.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#DE8133

Tangerine · Chocolate · Warm Sun

HEX

#DE8133

RGB

rgb(222, 129, 51)

HSL

hsl(27, 72%, 54%)

HSB

hsb(27, 77%, 87%)

CMYK

cmyk(0%, 42%, 77%, 13%)

Oklch

oklch(69.1% 0.145 56.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D0CF9F

Fresh Green · Tan · Sunflower

HEX

#D0CF9F

RGB

rgb(208, 207, 159)

HSL

hsl(59, 34%, 72%)

HSB

hsb(59, 24%, 82%)

CMYK

cmyk(0%, 0%, 24%, 18%)

Oklch

oklch(84.3% 0.064 106.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

67B38F

B2668A

Analogous

66B269

67B38F

66B0B2

Triadic

67B38F

8F66B2

B28F66

Split-Comp.

67B38F

B266B0

B26966

Tetradic

67B38F

6966B2

B2668A

B0B266

Contrast Matrix WCAG 2.1 Contrast

67B38F	797A5B	D94E37	DE8133	D0CF9F
—	1.8 Fail	1.7 Fail	1.2 Fail	1.6 Fail
1.8 Fail	—	1.1 Fail	1.5 Fail	2.8 Fail
1.7 Fail	1.1 Fail	—	1.4 Fail	2.6 Fail
1.2 Fail	1.5 Fail	1.4 Fail	—	1.8 Fail
1.6 Fail	2.8 Fail	2.6 Fail	1.8 Fail	—

White BG

2.5Fail

4.4AA Large

4.1AA Large

2.9Fail

1.6Fail

Black BG

8.4AAA

4.7AA

5.1AA

7.3AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888998

797963

9D9C3D

B6B546

D0D0AB

Deuteranopia

847E9A

797964

A5AF3E

BBC24A

D0D0AD

Tritanopia

6B9FA0

79686A

D24142

D95558

D0B4B6

Achromatopsia

989898

767676

757575

949494

CACACA

Shades & Tints Shades & Tints

#67B38F

Dark

Light

#797A5B

Dark

Light

#D94E37

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #67b38f;
  --color-2: #797a5b;
  --color-3: #d94e37;
  --color-4: #de8133;
  --color-5: #d0cf9f;
}

SCSS

$color-1: #67b38f;
$color-2: #797a5b;
$color-3: #d94e37;
$color-4: #de8133;
$color-5: #d0cf9f;

TAILWIND

colors: {
  'brand-1': '#67b38f',
  'brand-2': '#797a5b',
  'brand-3': '#d94e37',
  'brand-4': '#de8133',
  'brand-5': '#d0cf9f',
}

RGB Array

[103, 179, 143], [121, 122, 91], [217, 78, 55], [222, 129, 51], [208, 207, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #67B38F, #797A5B, #D94E37, #DE8133, #D0CF9F is ideal for: corporate websites, product showcases, portfolios. 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: #67b38f; --color-2: #797a5b; --color-3: #d94e37; --color-4: #de8133; --color-5: #d0cf9f. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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