Hover a swatch to preview · click to copy

19533

Mellow midnight café

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

BackgroundMauve Chalk

TextBlack

14.1:1AAA

Heading

Body text

BackgroundWhite

TextBlood Organ

13.2:1AAA

Heading

Body text

BackgroundWhite

TextSurya Red

10.8:1AAA

Heading

Body text

BackgroundMauve Chalk

TextBlood Organ

8.8:1AAA

Heading

Body text

BackgroundWhite

TextCrabapple

8.2:1AAA

Heading

Body text

BackgroundWhite

TextAntique Brass

8.0:1AAA

Heading

Body text

BackgroundMauve Chalk

TextSurya Red

7.2:1AAA

Heading

Body text

BackgroundWhite

TextKumera

5.6:1AA

Heading

Body text

BackgroundMauve Chalk

TextCrabapple

5.5:1AA

Heading

Body text

BackgroundMauve Chalk

TextAntique Brass

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

Mellow midnight café

Brand color system

5 colors · Ultra HD PDF (300 DPI)

Blood Organ

Primary

#601214

Antique Brass

Secondary

#694B20

Surya Red

Accent

#771A1F

Kumera

Color 4

#85621D

Crabapple

Accent

#84372E

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 and card artwork.

Square & Wide palettes

1080 × 1080 · 1920 × 1080

Preview

Palette card

1080 × 1920 · Pinterest

Related palettes

More complementary palettes you might like

View all