← Back to Editor

#F3D0A8 · #413752 · #9E544B · #F39033 · #2F2E4D

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

#F3D0A8

Goose Yellow · Wheat · Peach Orange

HEX
#F3D0A8
RGB
rgb(243, 208, 168)
HSL
hsl(32, 76%, 81%)
HSB
hsb(32, 31%, 95%)
CMYK
cmyk(0%, 14%, 31%, 5%)
Oklch
oklch(87.8% 0.066 70.5)

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

#413752

Deep Indigo · DarkSlateGray · Eggplant

HEX
#413752
RGB
rgb(65, 55, 82)
HSL
hsl(262, 20%, 27%)
HSB
hsb(262, 33%, 32%)
CMYK
cmyk(21%, 33%, 0%, 68%)
Oklch
oklch(35.9% 0.047 301.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#9E544B

Crimson · Sienna · Passion Red

HEX
#9E544B
RGB
rgb(158, 84, 75)
HSL
hsl(7, 36%, 46%)
HSB
hsb(7, 53%, 62%)
CMYK
cmyk(0%, 47%, 53%, 38%)
Oklch
oklch(53.2% 0.100 28.1)

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

#F39033

Tangerine · Coral · Warm Sun

HEX
#F39033
RGB
rgb(243, 144, 51)
HSL
hsl(29, 89%, 58%)
HSB
hsb(29, 79%, 95%)
CMYK
cmyk(0%, 41%, 79%, 5%)
Oklch
oklch(74.4% 0.157 58.9)

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

#2F2E4D

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#2F2E4D
RGB
rgb(47, 46, 77)
HSL
hsl(242, 25%, 24%)
HSB
hsb(242, 40%, 30%)
CMYK
cmyk(39%, 40%, 0%, 70%)
Oklch
oklch(31.7% 0.055 284.3)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3D0A8
AACCF3

Analogous

F3ACAA
F3D0A8
F1F3AA

Triadic

F3D0A8
AAF3D1
D1AAF3

Split-Comp.

F3D0A8
AAF1F3
ACAAF3

Tetradic

F3D0A8
AAF3AC
AACCF3
F3AAF1

Contrast Matrix WCAG 2.1 Contrast

F3D0A8
413752
9E544B
F39033
2F2E4D
—
7.6
AAA
3.8
AA Large
1.6
Fail
8.9
AAA
7.6
AAA
—
2.0
Fail
4.7
AA
1.2
Fail
3.8
AA Large
2.0
Fail
—
2.3
Fail
2.4
Fail
1.6
Fail
4.7
AA
2.3
Fail
—
5.5
AA
8.9
AAA
1.2
Fail
2.4
Fail
5.5
AA
—
White BG
1.5Fail
11.1AAA
5.5AA
2.4Fail
13.0AAA
Black BG
14.4AAA
1.9Fail
3.8AA Large
8.8AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4B2
3D3D4B
7E7D4D
C8C74A
2F2F45

Deuteranopia

E6E9B4
3D3E4A
82884E
CED54F
2F2F44

Tritanopia

F1B9BB
414645
9A4F4F
EE5B5F
2F403E

Achromatopsia

D6D6D6
3D3D3D
696969
A3A3A3
323232

Shades & Tints Shades & Tints

#F3D0A8

Dark
Light

#413752

Dark
Light

#9E544B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3d0a8;
  --color-2: #413752;
  --color-3: #9e544b;
  --color-4: #f39033;
  --color-5: #2f2e4d;
}

SCSS

$color-1: #f3d0a8;
$color-2: #413752;
$color-3: #9e544b;
$color-4: #f39033;
$color-5: #2f2e4d;

TAILWIND

colors: {
  'brand-1': '#f3d0a8',
  'brand-2': '#413752',
  'brand-3': '#9e544b',
  'brand-4': '#f39033',
  'brand-5': '#2f2e4d',
}

RGB Array

[243, 208, 168], [65, 55, 82], [158, 84, 75], [243, 144, 51], [47, 46, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F3D0A8, #413752, #9E544B, #F39033, #2F2E4D 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: #f3d0a8; --color-2: #413752; --color-3: #9e544b; --color-4: #f39033; --color-5: #2f2e4d. 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