← Back to Editor

#FFD088 · #8D8B72 · #425053 · #293946 · #0B181E

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

#FFD088

Goose Yellow · Khaki · Peach Orange

HEX
#FFD088
RGB
rgb(255, 208, 136)
HSL
hsl(36, 100%, 77%)
HSB
hsb(36, 47%, 100%)
CMYK
cmyk(0%, 18%, 47%, 0%)
Oklch
oklch(88.3% 0.104 77.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#8D8B72

Autumn Sage · Gray · Honey Gold

HEX
#8D8B72
RGB
rgb(141, 139, 114)
HSL
hsl(56, 11%, 50%)
HSB
hsb(56, 19%, 55%)
CMYK
cmyk(0%, 1%, 19%, 45%)
Oklch
oklch(63.2% 0.036 103.6)

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

#425053

Slate Blue · DarkSlateGray · Mint Ice

HEX
#425053
RGB
rgb(66, 80, 83)
HSL
hsl(191, 11%, 29%)
HSB
hsb(191, 20%, 33%)
CMYK
cmyk(20%, 4%, 0%, 67%)
Oklch
oklch(42.0% 0.018 212.1)

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

#293946

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#293946
RGB
rgb(41, 57, 70)
HSL
hsl(207, 26%, 22%)
HSB
hsb(207, 41%, 27%)
CMYK
cmyk(41%, 19%, 0%, 73%)
Oklch
oklch(33.6% 0.031 243.4)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#0B181E

Slate Blue · Black · Peacock Green

HEX
#0B181E
RGB
rgb(11, 24, 30)
HSL
hsl(199, 46%, 8%)
HSB
hsb(199, 63%, 12%)
CMYK
cmyk(63%, 20%, 0%, 88%)
Oklch
oklch(20.0% 0.022 229.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD088
8AB9FF

Analogous

FF958A
FFD088
F3FF8A

Triadic

FFD088
8AFFD0
D08AFF

Split-Comp.

FFD088
8AF3FF
958AFF

Tetradic

FFD088
8AFF95
8AB9FF
FF8AF3

Contrast Matrix WCAG 2.1 Contrast

FFD088
8D8B72
425053
293946
0B181E
—
2.4
Fail
5.8
AA
8.3
AAA
12.6
AAA
2.4
Fail
—
2.4
Fail
3.4
AA Large
5.2
AA
5.8
AA
2.4
Fail
—
1.4
Fail
2.2
Fail
8.3
AAA
3.4
AA Large
1.4
Fail
—
1.5
Fail
12.6
AAA
5.2
AA
2.2
Fail
1.5
Fail
—
White BG
1.4Fail
3.5AA Large
8.4AAA
11.9AAA
18.0AAA
Black BG
14.6AAA
6.1AA
2.5Fail
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEA99
8C8C78
484852
303043
11111D

Deuteranopia

EDF19E
8C8C7A
474652
2F2E42
100F1C

Tritanopia

FDA7AA
8D7D7E
435252
2A4040
0C1B1B

Achromatopsia

D6D6D6
898989
4C4C4C
363636
151515

Shades & Tints Shades & Tints

#FFD088

Dark
Light

#8D8B72

Dark
Light

#425053

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd088;
  --color-2: #8d8b72;
  --color-3: #425053;
  --color-4: #293946;
  --color-5: #0b181e;
}

SCSS

$color-1: #ffd088;
$color-2: #8d8b72;
$color-3: #425053;
$color-4: #293946;
$color-5: #0b181e;

TAILWIND

colors: {
  'brand-1': '#ffd088',
  'brand-2': '#8d8b72',
  'brand-3': '#425053',
  'brand-4': '#293946',
  'brand-5': '#0b181e',
}

RGB Array

[255, 208, 136], [141, 139, 114], [66, 80, 83], [41, 57, 70], [11, 24, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFD088, #8D8B72, #425053, #293946, #0B181E 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: #ffd088; --color-2: #8d8b72; --color-3: #425053; --color-4: #293946; --color-5: #0b181e. 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