PalettesOcean Sunset 2

Palette

Ocean Sunset 2

Midnight blues and sunlit gold meet fiery oranges—invoking cool waves and bold, golden sunsets.

Color analysis

Palette profile

This 10-color palette is warm-led with a vivid character and high tonal range. Its internal colors provide 9 pairs at or above the 4.5:1 contrast target for normal text.

Temperature

Warm-led

Color character

Vivid

Lightness span

73%

Accessible pairs

9 / 45

Colors

Black 001219#001219A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 18, 25)HSLhsl(196.8, 100%, 4.9%)CMYKcmyk(100%, 28%, 0%, 90.2%)LABlab(4.54, -3.53, -6.41)

Blue 005F73#005F73A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 95, 115)HSLhsl(190.4, 100%, 22.5%)CMYKcmyk(100%, 17.4%, 0%, 54.9%)LABlab(36.78, -16.1, -18.06)

Turquoise 0A9396#0A9396A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(10, 147, 150)HSLhsl(181.3, 87.5%, 31.4%)CMYKcmyk(93.3%, 2%, 0%, 41.2%)LABlab(55.21, -30.5, -10.84)

Green 94D2BD#94D2BDA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(148, 210, 189)HSLhsl(159.7, 40.8%, 70.2%)CMYKcmyk(29.5%, 0%, 10%, 17.6%)LABlab(79.65, -24.2, 4.09)

Yellow E9D8A6#E9D8A6A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(233, 216, 166)HSLhsl(44.8, 60.4%, 78.2%)CMYKcmyk(0%, 7.3%, 28.8%, 8.6%)LABlab(86.6, -1.62, 26.83)

Orange EE9B00#EE9B00A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(238, 155, 0)HSLhsl(39.1, 100%, 46.7%)CMYKcmyk(0%, 34.9%, 100%, 6.7%)LABlab(70.61, 22.02, 75.13)

Orange CA6702#CA6702A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(202, 103, 2)HSLhsl(30.3, 98%, 40%)CMYKcmyk(0%, 49%, 99%, 20.8%)LABlab(54.31, 34.41, 62.07)

Orange BB3E03#BB3E03A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(187, 62, 3)HSLhsl(19.2, 96.8%, 37.3%)CMYKcmyk(0%, 66.8%, 98.4%, 26.7%)LABlab(44.26, 48.34, 54.69)

Red AE2012#AE2012A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(174, 32, 18)HSLhsl(5.4, 81.3%, 37.6%)CMYKcmyk(0%, 81.6%, 89.7%, 31.8%)LABlab(37.98, 54.89, 44.44)

Red 9B2226#9B2226A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(155, 34, 38)HSLhsl(358, 64%, 37.1%)CMYKcmyk(0%, 78.1%, 75.5%, 39.2%)LABlab(34.51, 49.1, 29)

Meaning

SunsetAutumn

Psychology

DepthAuthorityFreshnessSimplicityMovementEnergy

Usage

Hero SectionsMarketing GraphicsSeasonal CampaignsEditorial Graphics

Black 001219

#001219

Black text

1.10:1Fail

White text

19.08:1AAA

Support

Blue 005F73

#005F73

Black text

2.88:1Fail

White text

7.28:1AAA

Support

Turquoise 0A9396

#0A9396

Black text

5.63:1AA

White text

3.73:1AA Large

Support

Green 94D2BD

#94D2BD

Black text

12.21:1AAA

White text

1.72:1Fail

Surface

Yellow E9D8A6

#E9D8A6

Black text

14.84:1AAA

White text

1.42:1Fail

Support

Orange EE9B00

#EE9B00

Black text

9.32:1AAA

White text

2.25:1Fail

Support

Orange CA6702

#CA6702

Black text

5.45:1AA

White text

3.85:1AA Large

Support

Orange BB3E03

#BB3E03

Black text

3.80:1AA Large

White text

5.52:1AA

Support

Red AE2012

#AE2012

Black text

3.02:1AA Large

White text

6.97:1AA

Support

Red 9B2226

#9B2226

Black text

2.65:1Fail

White text

7.92:1AAA

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#001219 on #E9D8A613.48:1 · AAA

Sample text

#001219 on #94D2BD11.10:1 · AAA

Sample text

#001219 on #EE9B008.47:1 · AAA

Sample text

#9B2226 on #E9D8A65.60:1 · AA

Sample text

#005F73 on #E9D8A65.14:1 · AA

Sample text

#001219 on #0A93965.11:1 · AA

Sample text

#001219 on #CA67024.95:1 · AA

Sample text

#AE2012 on #E9D8A64.92:1 · AA

Sample text

#9B2226 on #94D2BD4.61:1 · AA

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #001219;
  --palette-2: #005F73;
  --palette-3: #0A9396;
  --palette-4: #94D2BD;
  --palette-5: #E9D8A6;
  --palette-6: #EE9B00;
  --palette-7: #CA6702;
  --palette-8: #BB3E03;
  --palette-9: #AE2012;
  --palette-10: #9B2226;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.