← Back to Editor

#925C6D · #C89082 · #F2A777 · #D4C16F · #9CB192

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#925C6D

Dark Violet · DimGray · Camellia

HEX
#925C6D
RGB
rgb(146, 92, 109)
HSL
hsl(341, 23%, 47%)
HSB
hsb(341, 37%, 57%)
CMYK
cmyk(0%, 37%, 25%, 43%)
Oklch
oklch(53.9% 0.074 359.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C89082

Peach Pink · DarkSalmon · Coral Red

HEX
#C89082
RGB
rgb(200, 144, 130)
HSL
hsl(12, 39%, 65%)
HSB
hsb(12, 35%, 78%)
CMYK
cmyk(0%, 28%, 35%, 22%)
Oklch
oklch(70.4% 0.072 34.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F2A777

Apricot · LightSalmon · Warm Sun

HEX
#F2A777
RGB
rgb(242, 167, 119)
HSL
hsl(23, 83%, 71%)
HSB
hsb(23, 51%, 95%)
CMYK
cmyk(0%, 31%, 51%, 5%)
Oklch
oklch(79.1% 0.109 53.1)

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

#D4C16F

Ginger · BurlyWood · Sunflower

HEX
#D4C16F
RGB
rgb(212, 193, 111)
HSL
hsl(49, 54%, 63%)
HSB
hsb(49, 48%, 83%)
CMYK
cmyk(0%, 9%, 48%, 17%)
Oklch
oklch(80.9% 0.105 96.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#9CB192

Celadon · DarkSeaGreen · Apple Green

HEX
#9CB192
RGB
rgb(156, 177, 146)
HSL
hsl(101, 17%, 63%)
HSB
hsb(101, 18%, 69%)
CMYK
cmyk(12%, 0%, 18%, 31%)
Oklch
oklch(73.6% 0.050 135.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

925C6D
5C9382

Analogous

935C89
925C6D
93665C

Triadic

925C6D
6E935C
5C6E93

Split-Comp.

925C6D
5C9366
5C8993

Tetradic

925C6D
89935C
5C9382
665C93

Contrast Matrix WCAG 2.1 Contrast

925C6D
C89082
F2A777
D4C16F
9CB192
—
2.0
Fail
2.7
Fail
2.9
Fail
2.3
Fail
2.0
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
2.7
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
2.9
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
2.3
Fail
1.2
Fail
1.2
Fail
1.3
Fail
—
White BG
5.3AA
2.7Fail
2.0Fail
1.8Fail
2.3Fail
Black BG
4.0AA Large
7.8AAA
10.6AAA
11.7AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7A69
B0AF85
D2D183
CCCC83
A5A59A

Deuteranopia

7E8268
B3B786
D6DB85
CDCE88
A4A29B

Tritanopia

8F6665
C58889
EE8C8E
D39396
9D9FA1

Achromatopsia

6E6E6E
9F9F9F
B8B8B8
BDBDBD
A7A7A7

Shades & Tints Shades & Tints

#925C6D

Dark
Light

#C89082

Dark
Light

#F2A777

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #925c6d;
  --color-2: #c89082;
  --color-3: #f2a777;
  --color-4: #d4c16f;
  --color-5: #9cb192;
}

SCSS

$color-1: #925c6d;
$color-2: #c89082;
$color-3: #f2a777;
$color-4: #d4c16f;
$color-5: #9cb192;

TAILWIND

colors: {
  'brand-1': '#925c6d',
  'brand-2': '#c89082',
  'brand-3': '#f2a777',
  'brand-4': '#d4c16f',
  'brand-5': '#9cb192',
}

RGB Array

[146, 92, 109], [200, 144, 130], [242, 167, 119], [212, 193, 111], [156, 177, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #925C6D, #C89082, #F2A777, #D4C16F, #9CB192 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: #925c6d; --color-2: #c89082; --color-3: #f2a777; --color-4: #d4c16f; --color-5: #9cb192. 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