# Create a complete color scheme based on one seed color

**URL:** https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673
**Category:** Feature
**Created:** [5월 15, 2014, 2:44오후 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673 "2014-05-15T14:44:06Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [5월 15, 2014, 2:44오후 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/1 "2014-05-15T14:44:06Z")

</div>

Continuing the discussion from [What about an easier styling/theming system?](https://meta.discourse.org/t/what-about-an-easier-styling-theming-system/12346):

I recently discovered this very handy Bootstrap utility:

> **[1pxdeep | A flat Bootstrap 3 theme that changes color](http://rriepe.github.io/1pxdeep/)**

It lets you set a single “seed color” and from that it makes you a complete color scheme. I think “anyone can be a designer” features like these could be really valuable for a forum, as it makes it very easy for anyone to style their forum to their liking - in accordance with style standards determined by Discourse - which in turn reduces the “every Discourse forum looks the same” effect.

The color theming system is a great first step, but your average forum admin will not have the design sense (or patience) to make a good looking _and_ readable forum design.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5월 15, 2014, 6:44오후 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/2 "2014-05-15T18:44:48Z")

</div>

We are planning for @awesomerobot to come up with a set of about 5 default built in color schemes for people to choose from, using the EZ themer.

---

<div class="post-metadata">

### Author: ![Moter8](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moter8/32/120941_2.png) [@Moter8](https://meta.discourse.org/u/Moter8)
#### Post date: [11월 16, 2014, 4:41오후 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/3 "2014-11-16T16:41:36Z")

</div>

Any update to this? There still is only 1 color scheme built-in.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [11월 16, 2014, 10:24오후 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/4 "2014-11-16T22:24:55Z")

</div>

Sure, if anyone has any color theme sets to contribute, post them here – that’s the first step!

Here is a starting point  
[http://www.colourlovers.com/lover/mapadelphia](http://www.colourlovers.com/lover/mapadelphia)

 ![](https://global.discourse-cdn.com/meta/original/3X/a/0/a0c786561005a1143493f9fe207d0f3cacc9b65c.jpg)

---

<div class="post-metadata">

### Author: ![Moter8](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moter8/32/120941_2.png) [@Moter8](https://meta.discourse.org/u/Moter8)
#### Post date: [11월 18, 2014, 11:36오전 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/5 "2014-11-18T11:36:44Z")

</div>

Tried out a Green-Beige color scheme:

 ![](https://global.discourse-cdn.com/meta/original/4X/7/e/5/7e581fe21eb455eb40ddbfbe3d27fa59a75bc9d2.png)  
Secondary: #f0ece4  
Tertiary: #E2AA32  
Header Background: #17A768  
Header Primary: #111111

To get black header icons instead of grey ones and a pretty link color I used this in the custom CSS:

```plaintext
.d-header .icons .icon {
    color: #383838;
}

.d-dropdown a {
    color: #17A768;
}

.a {
    color: #0DAD46;
}

```

What I still need to change is the color of the “Star” “Share” etc buttons to maybe a white.

---

<div class="post-metadata">

### Author: ![Greg11](https://avatars.discourse-cdn.com/v4/letter/g/4491bb/32.png) [@Greg11](https://meta.discourse.org/u/Greg11)
#### Post date: [7월 3, 2016, 10:43오전 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/7 "2016-07-03T10:43:21Z")

</div>

[http://www.design-seeds.com/blog/](http://www.design-seeds.com/blog/)

---

<div class="post-metadata">

### Author: ![ljpp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ljpp/32/96506_2.png) [@ljpp](https://meta.discourse.org/u/ljpp)
#### Post date: [1월 18, 2017, 9:51오전 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/8 "2017-01-18T09:51:37Z")

</div>

There are a ton of online tools that do this. [https://coolors.co/](https://coolors.co/) is one that generates 5 color sets.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [12월 4, 2025, 11:14오전 UTC](https://meta.discourse.org/t/create-a-complete-color-scheme-based-on-one-seed-color/15673/9 "2025-12-04T11:14:23Z")

</div>


