Recent
Categories
View Replies (3)

How to generate a palette of colours to match the template?

0
Votes
Undo
  1. hboinnard
    hboinnard
  3. Commercial Templates
  4. Tuesday, 16 June 2020
  5.  Subscribe via email
Hi Ciarán,

I hope you and your family are all well and safe during this unprecedented times. And with all the good weather we have in Ireland since mid March, if not unprecedented, it is really different from the usual Spring Summer time !!! :p

I am enjoying building a new website, with one of your templates again. And going through customisation, I am wondering how to generate a palette of colours to match with my main colours. For example, in the template settings > General > Body/Header Styling, also Module/Component Styling, and Typography Styling, there are variations of white/light grey, and black/light grey. And sometimes lighter or darker than the main colour (a gold colour for my example with template Naomi style 5, see screenshot).

As I am using a different gold colour, and slightly different dark and light greys, how could I customise while keeping the harmony and variation that you have created?

If it is a designer secret, I would understand ;)

Kind regards,
Hervé

Screen Shot 2020-06-16 at 18.14.18.png
Screen Shot 2020-06-16 at 18.14.27.png
Screen Shot 2020-06-16 at 18.14.35.png
Attachments (3)
Screen Shot 2020-06-16 at 18.14.18.png Screen Shot 2020-06-16 at 18.14.18.png
Screen Shot 2020-06-16 at 18.14.27.png Screen Shot 2020-06-16 at 18.14.27.png
Screen Shot 2020-06-16 at 18.14.35.png Screen Shot 2020-06-16 at 18.14.35.png
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hervé

All good up on this end of our little island. The sun shining certainly helps in keeping us smiling :) . I hope all is well in beautiful west Galway!

Usually, when selecting the darker colors I like to use a color of the same hue as the primary color (eg. gold). So copy your primary color into the field you wish to select a dark color, then select a dark version of the color without touching the bar at the right of the color field. Also, keep within the same saturation of color which means only really moving the color picker in the vertical axis.

For a more varied color palette, try using a tool like https://coolors.co/. Set your primary color and then just keep hitting spacebar until you find the scheme you like. Lock colors you like as you go.

When setting a primary color and you don't already have a brand palette to work from, it is always good to grab a color from your primary images or logo.

I hope this helps. As you can see, it is not a very exact science :)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
hboinnard
hboinnard
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the help. But there are only logo.psd and module positions.png it seems.
Screen Shot 2020-06-16 at 22.22.01.png
Attachments (1)
Screen Shot 2020-06-16 at 22.22.01.png Screen Shot 2020-06-16 at 22.22.01.png
  1. more than a month ago
  2. Commercial Templates
  3. # 2
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
normally you have a folder in the unzipped Joomla template which is called Template Extras. There are .png files with the colors from the individual examples.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.