← Back to Editor

#25261D · #913414 · #915314 · #917214 · #919114

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#25261D

Autumn Sage · Black · Amber Gold

HEX
#25261D
RGB
rgb(37, 38, 29)
HSL
hsl(67, 13%, 13%)
HSB
hsb(67, 24%, 15%)
CMYK
cmyk(3%, 0%, 24%, 85%)
Oklch
oklch(26.4% 0.016 112.7)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#913414

Tangerine · Brown · Amber Brown

HEX
#913414
RGB
rgb(145, 52, 20)
HSL
hsl(15, 76%, 32%)
HSB
hsb(15, 86%, 57%)
CMYK
cmyk(0%, 64%, 86%, 43%)
Oklch
oklch(45.4% 0.133 38.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#915314

Ochre · Sienna · Amber Brown

HEX
#915314
RGB
rgb(145, 83, 20)
HSL
hsl(30, 76%, 32%)
HSB
hsb(30, 86%, 57%)
CMYK
cmyk(0%, 43%, 86%, 43%)
Oklch
oklch(50.5% 0.109 59.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#917214

Ochre · Olive · Honey Gold

HEX
#917214
RGB
rgb(145, 114, 20)
HSL
hsl(45, 76%, 32%)
HSB
hsb(45, 86%, 57%)
CMYK
cmyk(0%, 21%, 86%, 43%)
Oklch
oklch(56.7% 0.110 88.4)

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

#919114

Autumn Sage · Olive · Honey Gold

HEX
#919114
RGB
rgb(145, 145, 20)
HSL
hsl(60, 76%, 32%)
HSB
hsb(60, 86%, 57%)
CMYK
cmyk(0%, 0%, 86%, 43%)
Oklch
oklch(63.6% 0.133 109.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25261D
1E1D25

Analogous

25221D
25261D
20251D

Triadic

25261D
1D2425
251D24

Split-Comp.

25261D
1D2025
221D25

Tetradic

25261D
1D2522
1E1D25
251D20

Contrast Matrix WCAG 2.1 Contrast

25261D
913414
915314
917214
919114
—
2.0
Fail
2.5
Fail
3.4
AA Large
4.6
AA
2.0
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
2.5
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
3.4
AA Large
1.7
Fail
1.3
Fail
—
1.4
Fail
4.6
AA
2.3
Fail
1.8
Fail
1.4
Fail
—
White BG
15.3AAA
7.8AAA
6.1AA
4.5AA
3.4AA Large
Black BG
1.4Fail
2.7Fail
3.5AA Large
4.6AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25251F
69681C
767623
84832B
919132

Deuteranopia

252520
6E751E
7A7E27
858830
91913A

Tritanopia

252121
8C2223
8E2F32
8F3D41
914A4F

Achromatopsia

252525
4C4C4C
5E5E5E
717171
838383

Shades & Tints Shades & Tints

#25261D

Dark
Light

#913414

Dark
Light

#915314

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25261d;
  --color-2: #913414;
  --color-3: #915314;
  --color-4: #917214;
  --color-5: #919114;
}

SCSS

$color-1: #25261d;
$color-2: #913414;
$color-3: #915314;
$color-4: #917214;
$color-5: #919114;

TAILWIND

colors: {
  'brand-1': '#25261d',
  'brand-2': '#913414',
  'brand-3': '#915314',
  'brand-4': '#917214',
  'brand-5': '#919114',
}

RGB Array

[37, 38, 29], [145, 52, 20], [145, 83, 20], [145, 114, 20], [145, 145, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #25261D, #913414, #915314, #917214, #919114 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #25261d; --color-2: #913414; --color-3: #915314; --color-4: #917214; --color-5: #919114. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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