Hover a swatch to preview · click to copy

Warm Twilight

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

BackgroundPorcelain Jasper

TextBlack

16.0:1AAA

Heading

Body text

BackgroundWhite

Text20000 Leagues Under the Sea

14.2:1AAA

Heading

Body text

BackgroundGrey Screen

TextBlack

12.6:1AAA

Heading

Body text

BackgroundPorcelain Jasper

Text20000 Leagues Under the Sea

10.9:1AAA

Heading

Body text

BackgroundGrey Screen

Text20000 Leagues Under the Sea

8.5:1AAA

Heading

Body text

BackgroundWhite

TextBlue Sail

7.6:1AAA

Heading

Body text

BackgroundWhite

TextKikorangi Blue

7.1:1AAA

Heading

Body text

BackgroundPorcelain Jasper

TextBlue Sail

5.8:1AA

Heading

Body text

BackgroundPorcelain Jasper

TextKikorangi Blue

5.4:1AA

Heading

Body text

BackgroundGrey Screen

TextBlue Sail

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

Warm Twilight

Brand color system

5 colors · Ultra HD PDF (300 DPI)

20000 Leagues Under the Sea

Primary

#1A216B

Blue Sail

Secondary

#2950A0

Kikorangi Blue

Accent

#2E4ACC

Serenity’s Reign

Color 4

#5476C9

Greek Sea

Accent

#709AE3

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