← Back to Editor

#D6AD75 · #F2DCA0 · #F8ECBA · #769496 · #485566

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

#D6AD75

Ginger · BurlyWood · Warm Sun

HEX
#D6AD75
RGB
rgb(214, 173, 117)
HSL
hsl(35, 54%, 65%)
HSB
hsb(35, 45%, 84%)
CMYK
cmyk(0%, 19%, 45%, 16%)
Oklch
oklch(77.2% 0.087 74.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F2DCA0

Goose Yellow · Wheat · Lemon Cream

HEX
#F2DCA0
RGB
rgb(242, 220, 160)
HSL
hsl(44, 76%, 79%)
HSB
hsb(44, 34%, 95%)
CMYK
cmyk(0%, 9%, 34%, 5%)
Oklch
oklch(89.9% 0.081 90.3)

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

#F8ECBA

Goose Yellow · Bisque · Lemon Cream

HEX
#F8ECBA
RGB
rgb(248, 236, 186)
HSL
hsl(48, 82%, 85%)
HSB
hsb(48, 25%, 97%)
CMYK
cmyk(0%, 5%, 25%, 3%)
Oklch
oklch(94.0% 0.066 96.1)

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

#769496

Slate Blue · LightSlateGray · Lake Green

HEX
#769496
RGB
rgb(118, 148, 150)
HSL
hsl(184, 13%, 53%)
HSB
hsb(184, 21%, 59%)
CMYK
cmyk(21%, 1%, 0%, 41%)
Oklch
oklch(64.4% 0.034 201.4)

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

#485566

Indigo · DarkSlateGray · Prussian Blue

HEX
#485566
RGB
rgb(72, 85, 102)
HSL
hsl(214, 17%, 34%)
HSB
hsb(214, 29%, 40%)
CMYK
cmyk(29%, 17%, 0%, 60%)
Oklch
oklch(44.5% 0.033 255.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6AD75
769ED6

Analogous

D67E76
D6AD75
CED676

Triadic

D6AD75
76D6AE
AE76D6

Split-Comp.

D6AD75
76CED6
7E76D6

Tetradic

D6AD75
76D67E
769ED6
D676CE

Contrast Matrix WCAG 2.1 Contrast

D6AD75
F2DCA0
F8ECBA
769496
485566
—
1.5
Fail
1.8
Fail
1.6
Fail
3.6
AA Large
1.5
Fail
—
1.1
Fail
2.4
Fail
5.6
AA
1.8
Fail
1.1
Fail
—
2.7
Fail
6.4
AA
1.6
Fail
2.4
Fail
2.7
Fail
—
2.3
Fail
3.6
AA Large
5.6
AA
6.4
AA
2.3
Fail
—
White BG
2.1Fail
1.4Fail
1.2Fail
3.3AA Large
7.6AAA
Black BG
10.1AAA
15.5AAA
17.7AAA
6.4AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C483
E8E8AF
F3F3C6
838396
4E4E62

Deuteranopia

C7CA86
EAEBB2
F4F4C9
817F95
4D4C61

Tritanopia

D48D90
F1BABD
F7D0D2
789595
495F5E

Achromatopsia

B3B3B3
DCDCDC
EAEAEA
8B8B8B
535353

Shades & Tints Shades & Tints

#D6AD75

Dark
Light

#F2DCA0

Dark
Light

#F8ECBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6ad75;
  --color-2: #f2dca0;
  --color-3: #f8ecba;
  --color-4: #769496;
  --color-5: #485566;
}

SCSS

$color-1: #d6ad75;
$color-2: #f2dca0;
$color-3: #f8ecba;
$color-4: #769496;
$color-5: #485566;

TAILWIND

colors: {
  'brand-1': '#d6ad75',
  'brand-2': '#f2dca0',
  'brand-3': '#f8ecba',
  'brand-4': '#769496',
  'brand-5': '#485566',
}

RGB Array

[214, 173, 117], [242, 220, 160], [248, 236, 186], [118, 148, 150], [72, 85, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D6AD75, #F2DCA0, #F8ECBA, #769496, #485566 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: #d6ad75; --color-2: #f2dca0; --color-3: #f8ecba; --color-4: #769496; --color-5: #485566. 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