#260B08 + #AB8D50 + #AB8435 + #AA791A + #09292B · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#260B08

Vermilion · Black · Deep Berry

HEX

#260B08

RGB

rgb(38, 11, 8)

HSL

hsl(6, 65%, 9%)

HSB

hsb(6, 79%, 15%)

CMYK

cmyk(0%, 71%, 79%, 85%)

Oklch

oklch(19.4% 0.047 28.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#AB8D50

Ochre · Gray · Honey Gold

HEX

#AB8D50

RGB

rgb(171, 141, 80)

HSL

hsl(40, 36%, 49%)

HSB

hsb(40, 53%, 67%)

CMYK

cmyk(0%, 18%, 53%, 33%)

Oklch

oklch(65.8% 0.087 83.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#AB8435

Ochre · DarkGoldenRod · Honey Gold

HEX

#AB8435

RGB

rgb(171, 132, 53)

HSL

hsl(40, 53%, 44%)

HSB

hsb(40, 69%, 67%)

CMYK

cmyk(0%, 23%, 69%, 33%)

Oklch

oklch(63.6% 0.107 82.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#AA791A

Ochre · DarkGoldenRod · Honey Gold

HEX

#AA791A

RGB

rgb(170, 121, 26)

HSL

hsl(40, 73%, 38%)

HSB

hsb(40, 85%, 67%)

CMYK

cmyk(0%, 29%, 85%, 33%)

Oklch

oklch(61.0% 0.119 78.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#09292B

Lake Blue · Black · Peacock Green

HEX

#09292B

RGB

rgb(9, 41, 43)

HSL

hsl(184, 65%, 10%)

HSB

hsb(184, 79%, 17%)

CMYK

cmyk(79%, 5%, 0%, 83%)

Oklch

oklch(25.9% 0.037 201.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

260B08

082326

Analogous

260814

260B08

261A08

Triadic

260B08

08260B

0B0826

Split-Comp.

260B08

08261A

081426

Tetradic

260B08

142608

082326

1A0826

Contrast Matrix WCAG 2.1 Contrast

260B08	AB8D50	AB8435	AA791A	09292B
—	5.9 AA	5.4 AA	4.8 AA	1.2 Fail
5.9 AA	—	1.1 Fail	1.2 Fail	4.9 AA
5.4 AA	1.1 Fail	—	1.1 Fail	4.5 AA Large
4.8 AA	1.2 Fail	1.1 Fail	—	4.0 AA Large
1.2 Fail	4.9 AA	4.5 AA Large	4.0 AA Large	—

White BG

18.5AAA

3.2AA Large

3.5AA Large

3.8AA Large

15.4AAA

Black BG

1.1Fail

6.7AA

6.1AA

5.5AA

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A09

9E9E5F

9A9A48

959431

17172B

Deuteranopia

1C1E09

A0A262

9C9F4D

989B37

15132A

Tritanopia

250909

AA6A6D

A9575B

A84347

0B2A2A

Achromatopsia

131313

8F8F8F

878787

7D7D7D

202020

Shades & Tints Shades & Tints

#260B08

Dark

Light

#AB8D50

Dark

Light

#AB8435

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #260b08;
  --color-2: #ab8d50;
  --color-3: #ab8435;
  --color-4: #aa791a;
  --color-5: #09292b;
}

SCSS

$color-1: #260b08;
$color-2: #ab8d50;
$color-3: #ab8435;
$color-4: #aa791a;
$color-5: #09292b;

TAILWIND

colors: {
  'brand-1': '#260b08',
  'brand-2': '#ab8d50',
  'brand-3': '#ab8435',
  'brand-4': '#aa791a',
  'brand-5': '#09292b',
}

RGB Array

[38, 11, 8], [171, 141, 80], [171, 132, 53], [170, 121, 26], [9, 41, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #260B08, #AB8D50, #AB8435, #AA791A, #09292B is ideal for: tech websites, dark mode UIs, game UIs. 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: #260b08; --color-2: #ab8d50; --color-3: #ab8435; --color-4: #aa791a; --color-5: #09292b. 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. 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