Reference

HTML Colour Schemes

Coordinated 5-colour palettes, from a deep background shade through to a light tint — copy the whole set or a single hex code.

#0B2545

#13315C

#134074

#8DA9C4

#EEF4ED

#3D0000

#8A1C00

#E85D2C

#F4A261

#FFE8D6

#1B2F1B

#2E4B2E

#4B7A4B

#8FBF8F

#E7F4E7

#2C0735

#5C126B

#9A2CA0

#D77FD9

#F7E3F8

1How To Use

Follow these steps — no coding experience needed.

Browse the palettesEach row moves from a deep shade to a light tint, ready for backgrounds, text and accents.
Click any hex codeClicking the code itself copies it — no separate button needed.
Mix and matchUse the darkest shade for text, the lightest for backgrounds, and a mid-tone for buttons or links.

What this code looks like once it's on a real page.

Ocean palette in use

Dark background, light text, and a muted accent for links.

Supported in every current browser — Chrome, Firefox, Safari, Edge and Opera all render this identically, on both desktop and mobile.

More tools that pair naturally with this one.