← Back to Editor

#2B2A27 · #FFE48C · #A39568 · #35968D · #3FB5A9

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

#2B2A27

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B2A27
RGB
rgb(43, 42, 39)
HSL
hsl(45, 5%, 16%)
HSB
hsb(45, 9%, 17%)
CMYK
cmyk(0%, 2%, 9%, 83%)
Oklch
oklch(28.5% 0.006 91.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#FFE48C

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE48C
RGB
rgb(255, 228, 140)
HSL
hsl(46, 100%, 77%)
HSB
hsb(46, 45%, 100%)
CMYK
cmyk(0%, 11%, 45%, 0%)
Oklch
oklch(92.2% 0.112 92.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#A39568

Ginger · Gray · Sunflower

HEX
#A39568
RGB
rgb(163, 149, 104)
HSL
hsl(46, 24%, 52%)
HSB
hsb(46, 36%, 64%)
CMYK
cmyk(0%, 9%, 36%, 36%)
Oklch
oklch(67.1% 0.064 92.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#35968D

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#35968D
RGB
rgb(53, 150, 141)
HSL
hsl(174, 48%, 40%)
HSB
hsb(174, 65%, 59%)
CMYK
cmyk(65%, 0%, 6%, 41%)
Oklch
oklch(61.5% 0.090 186.5)

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

#3FB5A9

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3FB5A9
RGB
rgb(63, 181, 169)
HSL
hsl(174, 48%, 48%)
HSB
hsb(174, 65%, 71%)
CMYK
cmyk(65%, 0%, 7%, 29%)
Oklch
oklch(70.5% 0.105 185.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B2A27
27282B

Analogous

2B2827
2B2A27
2A2B27

Triadic

2B2A27
272B2A
2A272B

Split-Comp.

2B2A27
272A2B
28272B

Tetradic

2B2A27
272B28
27282B
2B272A

Contrast Matrix WCAG 2.1 Contrast

2B2A27
FFE48C
A39568
35968D
3FB5A9
—
11.4
AAA
4.8
AA
4.0
AA Large
5.7
AA
11.4
AAA
—
2.4
Fail
2.8
Fail
2.0
Fail
4.8
AA
2.4
Fail
—
1.2
Fail
1.2
Fail
4.0
AA Large
2.8
Fail
1.2
Fail
—
1.4
Fail
5.7
AA
2.0
Fail
1.2
Fail
1.4
Fail
—
White BG
14.4AAA
1.3Fail
3.0Fail
3.6AA Large
2.5Fail
Black BG
1.5Fail
16.7AAA
7.1AAA
5.9AA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B28
F3F3A1
9D9D73
5F608F
7273AC

Deuteranopia

2B2B28
F5F7A6
9E9F76
595290
6B62AD

Tritanopia

2B2828
FEB2B6
A27B7D
3A9191
45AEAF

Achromatopsia

2A2A2A
E2E2E2
949494
787878
909090

Shades & Tints Shades & Tints

#2B2A27

Dark
Light

#FFE48C

Dark
Light

#A39568

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b2a27;
  --color-2: #ffe48c;
  --color-3: #a39568;
  --color-4: #35968d;
  --color-5: #3fb5a9;
}

SCSS

$color-1: #2b2a27;
$color-2: #ffe48c;
$color-3: #a39568;
$color-4: #35968d;
$color-5: #3fb5a9;

TAILWIND

colors: {
  'brand-1': '#2b2a27',
  'brand-2': '#ffe48c',
  'brand-3': '#a39568',
  'brand-4': '#35968d',
  'brand-5': '#3fb5a9',
}

RGB Array

[43, 42, 39], [255, 228, 140], [163, 149, 104], [53, 150, 141], [63, 181, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2B2A27, #FFE48C, #A39568, #35968D, #3FB5A9 is ideal for: 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: #2b2a27; --color-2: #ffe48c; --color-3: #a39568; --color-4: #35968d; --color-5: #3fb5a9. 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. 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