Automatic colour palette maker

Explanation

Pick colours for each of the styles.

Related colours will be automatically calculated: a slightly darker border, a contrasting text colour, and hover/focus/active highlights.

Pick colours

Preview

A heading

A long line of text, which is pretty good as far as things go.


Text after a horizontal rule.


Text after a faint horizontal rule.

Heading
ab

Help text

Text with monospace code

pre-formatted
text
            

Text to press a key.

Text with a link and text styled success or info or warning or danger or muted.