Colour pairings

Colour combinations

Two colours that pull their weight together. Each pairing below shows both hex codes and how the tones balance, one carrying the weight while the other lifts it. Open any pair for full 11-step ramps you can drop straight into a Tailwind project.

Navy & Gold#1E3A8A · #F59E0B
Teal & Coral#14B8A6 · #FB7185
Black & Gold#0A0A0A · #D4AF37
Sage & Cream#9CAF88 · #F5F0E6
Blush & Charcoal#F4C2C2 · #36454F
Forest & Blush#228B22 · #F4C2C2
Plum & Mustard#8E4585 · #D4A017
Slate & Amber#64748B · #F59E0B
Emerald & Ivory#10B981 · #FFFFF0
Terracotta & Teal#E2725B · #14B8A6
Lavender & Sage#B497BD · #9CAF88
Burgundy & Blush#800020 · #F4C2C2
Cobalt & Coral#0047AB · #FB7185
Mint & Charcoal#98FF98 · #36454F
Peach & Navy#FFCBA4 · #1E3A8A
Mustard & Teal#D4A017 · #14B8A6
Rose & Sage#F43F5E · #9CAF88
Indigo & Peach#6366F1 · #FFCBA4
Olive & Cream#808000 · #F5F0E6
Dusty blue & Terracotta#6E8CAF · #E2725B
Mauve & Gold#8E7F8F · #F59E0B
Emerald & Blush#10B981 · #F4C2C2
Charcoal & Amber#36454F · #F59E0B
Lilac & Mint#C8A2C8 · #98FF98
Cobalt & Cream#0047AB · #F5F0E6
Rust & Sage#B7410E · #9CAF88
Pink & Navy#EC4899 · #1E3A8A
Teal & Gold#14B8A6 · #F59E0B
Violet & Lime#8B5CF6 · #84CC16
Burgundy & Gold#800020 · #D4AF37
Sky & Coral#0EA5E9 · #FB7185
Forest & Cream#228B22 · #F5F0E6
Plum & Blush#8E4585 · #F4C2C2
Slate & Coral#64748B · #FB7185
Mustard & Charcoal#D4A017 · #36454F
Rose & Ivory#F43F5E · #FFFFF0
Indigo & Gold#6366F1 · #F59E0B
Olive & Terracotta#808000 · #E2725B
Lavender & Charcoal#B497BD · #36454F
Emerald & Gold#10B981 · #F59E0B
Peach & Teal#FFCBA4 · #14B8A6
Navy & Blush#1E3A8A · #F4C2C2

Aesthetic

Want this palette built into your site?

You bring the colours. You'll get a site that uses them properly, designed and built by the team at Aesthetic.