← Back to Editor

#CA8A40 · #102157 · #CBC5B9 · #E8E5DC · #BCC9C0

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

#CA8A40

Ginger · GoldenRod · Warm Sun

HEX
#CA8A40
RGB
rgb(202, 138, 64)
HSL
hsl(32, 57%, 52%)
HSB
hsb(32, 68%, 79%)
CMYK
cmyk(0%, 32%, 68%, 21%)
Oklch
oklch(68.4% 0.119 67.2)

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

#102157

Indigo · MidnightBlue · Deep Sea Blue

HEX
#102157
RGB
rgb(16, 33, 87)
HSL
hsl(226, 69%, 20%)
HSB
hsb(226, 82%, 34%)
CMYK
cmyk(82%, 62%, 0%, 66%)
Oklch
oklch(27.2% 0.100 266.4)

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

#CBC5B9

Goose Yellow · Silver · Lemon Cream

HEX
#CBC5B9
RGB
rgb(203, 197, 185)
HSL
hsl(40, 15%, 76%)
HSB
hsb(40, 9%, 80%)
CMYK
cmyk(0%, 3%, 9%, 20%)
Oklch
oklch(82.5% 0.018 84.6)

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

#E8E5DC

Goose Yellow · Beige · Lemon Cream

HEX
#E8E5DC
RGB
rgb(232, 229, 220)
HSL
hsl(45, 21%, 89%)
HSB
hsb(45, 5%, 91%)
CMYK
cmyk(0%, 1%, 5%, 9%)
Oklch
oklch(92.2% 0.012 91.5)

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

#BCC9C0

Celadon · Silver · Apple Green

HEX
#BCC9C0
RGB
rgb(188, 201, 192)
HSL
hsl(138, 11%, 76%)
HSB
hsb(138, 6%, 79%)
CMYK
cmyk(6%, 0%, 4%, 21%)
Oklch
oklch(82.3% 0.019 155.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CA8A40
3F80CA

Analogous

CA433F
CA8A40
C6CA3F

Triadic

CA8A40
3FCA89
893FCA

Split-Comp.

CA8A40
3FC6CA
433FCA

Tetradic

CA8A40
3FCA43
3F80CA
CA3FC6

Contrast Matrix WCAG 2.1 Contrast

CA8A40
102157
CBC5B9
E8E5DC
BCC9C0
—
5.2
AA
1.7
Fail
2.3
Fail
1.7
Fail
5.2
AA
—
8.9
AAA
12.1
AAA
8.9
AAA
1.7
Fail
8.9
AAA
—
1.4
Fail
1.0
Fail
2.3
Fail
12.1
AAA
1.4
Fail
—
1.4
Fail
1.7
Fail
8.9
AAA
1.0
Fail
1.4
Fail
—
White BG
2.9Fail
15.2AAA
1.7Fail
1.3Fail
1.7Fail
Black BG
7.2AAA
1.4Fail
12.2AAA
16.7AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE52
17184A
C8C8BC
E7E7DE
C2C2C2

Deuteranopia

B2B756
161547
C9C9BD
E7E7DF
C1C0C3

Tritanopia

C76063
11403D
CBBEBF
E8E0E0
BDC4C4

Achromatopsia

959595
222222
C5C5C5
E5E5E5
C4C4C4

Shades & Tints Shades & Tints

#CA8A40

Dark
Light

#102157

Dark
Light

#CBC5B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ca8a40;
  --color-2: #102157;
  --color-3: #cbc5b9;
  --color-4: #e8e5dc;
  --color-5: #bcc9c0;
}

SCSS

$color-1: #ca8a40;
$color-2: #102157;
$color-3: #cbc5b9;
$color-4: #e8e5dc;
$color-5: #bcc9c0;

TAILWIND

colors: {
  'brand-1': '#ca8a40',
  'brand-2': '#102157',
  'brand-3': '#cbc5b9',
  'brand-4': '#e8e5dc',
  'brand-5': '#bcc9c0',
}

RGB Array

[202, 138, 64], [16, 33, 87], [203, 197, 185], [232, 229, 220], [188, 201, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CA8A40, #102157, #CBC5B9, #E8E5DC, #BCC9C0 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: #ca8a40; --color-2: #102157; --color-3: #cbc5b9; --color-4: #e8e5dc; --color-5: #bcc9c0. 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