Skip to content
AI Color

Ocean Sunlit Harbour Color Palette

A 5-color scheme built around periwinkle. Click any swatch to copy its hex code, or export the whole palette below.

#d8ccf7
Name
Periwinkle
HEX
RGB
HSL
CMYK
Lightness
88%
#afe2bd
Name
Seafoam
HEX
RGB
HSL
CMYK
Lightness
79%
#3669de
Name
Cerulean
HEX
RGB
HSL
CMYK
Lightness
54%
#2e7963
Name
Pine
HEX
RGB
HSL
CMYK
Lightness
33%
#22414f
Name
Charcoal
HEX
RGB
HSL
CMYK
Lightness
22%

Gradient preview

Contrast check

The quick brown fox

jumps over the lazy dog.

Contrast ratio 7.18:1 — passes WCAG AA for body text. Test other pairs

Export this palette

/* Ocean Sunlit Harbour */
:root {
  --color-periwinkle: #d8ccf7;
  --color-seafoam: #afe2bd;
  --color-cerulean: #3669de;
  --color-pine: #2e7963;
  --color-charcoal: #22414f;
}

Collections this palette belongs to

Similar color palettes

  • Ocean Soft Ember

    141

    Ocean Soft Ember color palette using #d7ceeb, #b2d8bb, #3567db, #367b67, #1c3d48.

  • Ocean Quiet Studio

    77

    Ocean Quiet Studio color palette using #d2c7eb, #a1e8b4, #466ed9, #217962, #1a3e4d.

  • Ocean Dusty Lantern

    219

    Ocean Dusty Lantern color palette using #ccc6e3, #a8e7bc, #3e67d0, #29765e, #124359.

  • Ocean Dusty Meadow

    135

    Ocean Dusty Meadow color palette using #cdc4e4, #99e9ab, #3d65db, #2b7f69, #1e434e.

  • Ocean Golden Orchard

    40

    Ocean Golden Orchard color palette using #d6d0ef, #a0efb9, #3654db, #22765c, #164054.

  • Ocean Golden Archive

    258

    Ocean Golden Archive color palette using #d4ccea, #9de7b4, #4762c2, #327161, #114358.

  • Ocean Electric Drift

    241

    Ocean Electric Drift color palette using #d8d1eb, #8ce9a4, #4669c4, #347666, #254350.

  • Ocean Dusty Lantern

    66

    Ocean Dusty Lantern color palette using #ccbbf4, #a0daaf, #3560d4, #1f816b, #134b59.