Hover a swatch to preview · click to copy

Smoky smoky tint

Moody depth punctuated by brightness

complementary7 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

BackgroundAlexandrian Sky

TextBlack

14.1:1AAA

Heading

Body text

BackgroundWhite

TextSurf the Web

11.3:1AAA

Heading

Body text

BackgroundWhite

TextYuè Guāng Lán Blue

8.8:1AAA

Heading

Body text

BackgroundAlexandrian Sky

TextSurf the Web

7.6:1AAA

Heading

Body text

BackgroundWhite

TextConnor’s Lakefront

7.3:1AAA

Heading

Body text

BackgroundAlexandrian Sky

TextYuè Guāng Lán Blue

5.9:1AA

Heading

Body text

BackgroundWhite

TextOcean’s Embrace

5.9:1AA

Heading

Body text

BackgroundAlexandrian Sky

TextConnor’s Lakefront

4.9:1AA

Heading

Body text

BackgroundWhite

TextDark Periwinkle

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

Smoky smoky tint

Brand color system

5 colors · Ultra HD PDF (300 DPI)

Connor’s Lakefront

Primary

#1A5F6A

Surf the Web

Secondary

#25347A

Ocean’s Embrace

Accent

#2D6D79

Yuè Guāng Lán Blue

Color 4

#283EAE

Butterfly Blue

Accent

#209EB6

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