A Nice Red — Instantly generate UI colours that complement your brand

Jack Hallahan
Sep 18, 2016 · 2 min read

I just launched A Nice Red, a simple little tool to grab some colours to use in your UI. Pop in your brand’s primary colour and you get back a nice red for error states, green for success, and amber for warnings.

Image for post
Image for post

Why would I use this?

Use this if you just want a decent colour palette quickly, so you can get on with building your awesome product.

Will the colours be perfect?

They’ll be a great starting point or fine for an MVP. Be careful using them for text because I haven’t checked them for accessible contrast. If you have suggestions on how the colours could be better please don’t hesitate to message me on Twitter.

Why did you make this?

I made A Nice Red to learn the basics of React. I’m a product designer but really enjoying doing front-end at the moment.

It was inspired by a tweet from my mate Joe:

What other technologies are used?

React, Create React App (really great starting point for React), flexbox, Github pages, Cloudflare CDN, Color-convert, React Color Picker, React Copy-to-clipboard.

Can I please tell you how bad your code is?

Absolutely, go ahead. I know it needs a bit of tidying up, at the very least.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store