The SENDUNE Times 🗞️
Docssendune.com
  • 🌸The SENDUNE Times
  • 🔀Why switch to SENDUNE?
  • 🚌Bus Factor
  • 🧘‍♂️Philosophy 101 for Founders
  • 🆕Send With SES is now SENDUNE
  • 💩The internet is an SEO landfill
  • 🎨Easy to Remember Color Guide for Non-Designers
  • 💹Simple Startup Cashflow Projections (Spreadsheet)
  • 💸Enemy At The (Billing) Gates
  • 💲Stripe Country Comparison
  • 💌Email Resources
    • 🛍️Marketing Emails with AWS SES
    • Transactional Emails with AWS SES
    • ⛔DNSBL
    • 📬Email deliverability and inbox placement
    • 🟢Getting production access to AWS SES
    • 🚚10 tips for better email design and delivery
    • 📨Open source HTML email editors
    • 🔥Warming up your email account
    • Open source HTML email editor and designer
Powered by GitBook
On this page
  • 1. Main Theme Color
  • 2. Text
  • 3. Backgrounds, Boxes, Lines

Easy to Remember Color Guide for Non-Designers

PreviousThe internet is an SEO landfillNextSimple Startup Cashflow Projections (Spreadsheet)

Last updated 9 months ago

Originally published on our old blog.

NOTE: I'm not a designer. This is what i've self-learnt over the years because i couldn't afford good designers. I don't know if this is scientific. This works for me. I hope it works for you.

I think you already know that a color is represented by a (hex code) containing any permutation of the the six alphabets a,b,c,d,e,f and the ten digits 0,1,2,3,4,5,6,7,8,9. The hex codes i use and describe here are the ones i chanced upon over the years. They are easy to remember and i don't need to keep referring to any color picker tool.

For any app, you will need colors for ...

  1. Main Theme Color(s)

  2. Text

  3. Backgrounds, Boxes, Lines

1. Main Theme Color

Remember VIBGYOR (Violet, Indigo, Blue, Green, Yellow, Orange, Red) from school days? You can generate a nice VIBGYOR palette using a permutation of just four codes c, f, 6, 9 ... like so ...

The colors above are the softer side of their darker variants. The darker colors (for example the darkest red is ff000) are harsh on the eyes and are best avoided.

Prefer soft pastel colors instead? Just remember a,b,c,d,e,f. Using a permutation of these six codes (abcdef, bafedc, etc.) you can generate many soft pastel colors ... like below ...

2. Text

Text is usually dark (blacks). Here also i tend to avoid the darkest darks (full black is 000000). I like the colors below because they give me a nice dark blue tint. The codes are also easy to remember. 1a2a3a is darker and you can go all the way to 7a8a9a which is lighter.

3. Backgrounds, Boxes, Lines

These are usually grays (or 'greys' if you insist). Mostly used for backgrounds, table header or table row colors, lines, and, occasionally for text. These hex codes are the easiest to remember.

That's all there is. Once you get a hang of this it becomes easy to play around and arrive at colors that you like better than what are presented here. I recommend . You should check out too.

Discuss this article on HN:

🎨
https://colorhunt.co/
Canva's Color Wheel
https://news.ycombinator.com/item?id=19400870
here
6 digit code
Violet, Indigo, Blue, Green
Yellow, Orange, Another Orange, Red
Just A-B-C-D-E-F
Text Colors
Grays