Hover a swatch to preview · click to copy

47439

Harbor mellow

Dark and dramatic with a touch of light

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

BackgroundCoconut Aroma
TextBlack
17.8:1AAA

Heading

Body text

BackgroundWhite
TextAlligator Gladiator
9.9:1AAA

Heading

Body text

BackgroundCoconut Aroma
TextAlligator Gladiator
8.4:1AAA

Heading

Body text

BackgroundWhite
TextJurassic Moss
7.8:1AAA

Heading

Body text

BackgroundWhite
TextTabbouleh Green
6.8:1AA

Heading

Body text

BackgroundCoconut Aroma
TextJurassic Moss
6.7:1AA

Heading

Body text

BackgroundCoconut Aroma
TextTabbouleh Green
5.7: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

Harbor mellow

Brand color system

5 colors · Ultra HD PDF (300 DPI)

Alligator Gladiator

Primary

#3C4816

Aa

Jurassic Moss

Secondary

#115F1F

Aa

Tabbouleh Green

Accent

#546121

Aa

Emerald Cory

Color 4

#52C168

Aa

Coconut Aroma

Accent

#ECEEDD

Aa
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