Hover a swatch to preview · click to copy

Tint breezy

Dark and dramatic with a touch of light

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

BackgroundCity Lights

TextBlack

16.7:1AAA

Heading

Body text

BackgroundWhite

TextNight Fog

14.4:1AAA

Heading

Body text

BackgroundCity Lights

TextNight Fog

11.5:1AAA

Heading

Body text

BackgroundWhite

TextCapital Blue

10.8:1AAA

Heading

Body text

BackgroundWhite

TextBluebell

10.3:1AAA

Heading

Body text

BackgroundCity Lights

TextCapital Blue

8.6:1AAA

Heading

Body text

BackgroundCity Lights

TextBluebell

8.2:1AAA

Heading

Body text

BackgroundWhite

TextLegion Blue

7.6:1AAA

Heading

Body text

BackgroundWhite

TextSwiss Plum

6.7:1AA

Heading

Body text

BackgroundCity Lights

TextLegion Blue

6.1:1AA

Heading

Body text

BackgroundCity Lights

TextSwiss Plum

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

Tint breezy

Brand color system

5 colors · Ultra HD PDF (300 DPI)

Capital Blue

Primary

#194254

Night Fog

Secondary

#2B1E60

Legion Blue

Accent

#265A6B

Bluebell

Color 4

#3C2E97

Kings of Sea

Accent

#2D829C

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