Hover a swatch to preview · click to copy

32726

Mellow Harbor

Neighboring hues flowing naturally dark to light

analogous5 colorstextFebruary 7, 2026

Contrast & accessibility

Text and background pairs that pass WCAG AA or AAA for body copy.

Heading

Body text

BackgroundWhite
TextBlack
21.0:1AAA

Heading

Body text

BackgroundEyeshadow
TextBlack
14.8:1AAA

Heading

Body text

BackgroundPromise
TextBlack
11.5:1AAA

Heading

Body text

BackgroundWhite
TextDark Cobalt Blue
7.4:1AAA

Heading

Body text

BackgroundWhite
TextMegadrive Screen
7.1:1AAA

Heading

Body text

BackgroundEyeshadow
TextDark Cobalt Blue
5.2:1AA

Heading

Body text

BackgroundEyeshadow
TextMegadrive Screen
5.0:1AA

Visual library

2 free previews per category · Buy credits to unlock all 20.

Northwind

Brand

Brand kit

Export a print-ready brand sheet with swatches, color codes, and UI samples. Choose how many colors to include.

Colors in kit

Mellow Harbor

Brand color system

5 colors · Ultra HD PDF (300 DPI)

Dark Cobalt Blue

Primary

#38558C

Aa

Megadrive Screen

Secondary

#4B48BB

Aa

Heavenly

Accent

#7FB3C9

Aa

Promise

Color 4

#AAC2E0

Aa

Eyeshadow

Accent

#D7D7E8

Aa
Primary actionSecondary

Heading sample

Body text uses neutral tones while accents draw attention to calls-to-action and highlights.

Generated with PalettePoint

Images

Palette exports, card artwork, and source inspiration.

Preview

Palette card

1080 × 1920 · Pinterest

Related palettes

More analogous palettes you might like

View all