Hover a swatch to preview · click to copy

Modern Harbor

Moody depth punctuated by brightness

complementary5 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

TextTetsu-Kon Blue

17.1:1AAA

Heading

Body text

BackgroundWhite

TextIndie Go

13.3:1AAA

Heading

Body text

BackgroundWhite

TextGrape Purple

11.7:1AAA

Heading

Body text

BackgroundLavender Grey

TextBlack

11.1:1AAA

Heading

Body text

BackgroundLavender Grey

TextTetsu-Kon Blue

9.0:1AAA

Heading

Body text

BackgroundLavender Grey

TextIndie Go

7.0:1AAA

Heading

Body text

BackgroundLavender Grey

TextGrape Purple

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

Modern Harbor

Brand color system

5 colors · Ultra HD PDF (300 DPI)

Tetsu-Kon Blue

Primary

#19114E

Grape Purple

Secondary

#601C53

Indie Go

Accent

#2B2669

Mazzy Star

Color 4

#BD65B3

Lavender Grey

Accent

#BDB9DA

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 complementary palettes you might like

View all