Hover a swatch to preview · click to copy

Harbor delicate

Ocean-inspired tones from abyss to shoreline

analogous7 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

BackgroundWhite

TextDark Eclipse

15.0:1AAA

Heading

Body text

BackgroundLunar Rays

TextBlack

13.3:1AAA

Heading

Body text

BackgroundWhite

TextMystification

9.9:1AAA

Heading

Body text

BackgroundLunar Rays

TextDark Eclipse

9.5:1AAA

Heading

Body text

BackgroundWhite

TextCyan Cobalt Blue

7.5:1AAA

Heading

Body text

BackgroundLunar Rays

TextMystification

6.3:1AA

Heading

Body text

BackgroundWhite

TextPalace Blue

4.9:1AA

Heading

Body text

BackgroundLunar Rays

TextCyan Cobalt Blue

4.8: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

Brand name

Harbor delicate

Brand color system

5 colors · Ultra HD PDF (300 DPI)

Dark Eclipse

Primary

#152646

Mystification

Secondary

#294273

Cyan Cobalt Blue

Accent

#2B529B

Palace Blue

Color 4

#3B70BE

Lothern Blue

Accent

#6997CA

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