Lessons

Series

Songs

Help

Search

Learning Ukulele with Curt

Colors, Color Links & Reference

2025 — Upgrade to tailwindcss v4, Vite and cleanup css – ON-GOING

Site Brand Color Palette

LearningUkulele Logo Color: HEX: oklch(0.553 0.013 58.071), #79716b (--color-brand-500), PMS: ???

Curt Sheller Publications (CSP) Logo Color (PMS 648): see `resource/css/brand/theme/css`

Site Brand Color

2025 Goal: To get going with tailwindcss v4 and possibly dark mode.

June 2022: Using Brown and Mint themes. Switch in the variables.css & tailwind.config.js file.

Using the full tailwindcss 50 to 950 color palette for CSP, LearningUkulele.com (brand), and gr[a|e]y colors.

For other colors try and stick with using five colors: 100, 300, 500, 700, 900 range.

Tailwindcss Colors

Brand Primary Color: brand

Do you have any idea how long it takes those cups to decompose. Hey, you know how I'm, like, always trying to save the planet? Here's my chance. So you two dig up, dig up dinosaurs? Hey, you know how I'm, like, always trying to save the planet? Here's my chance.

Brand Secondary Color: secondary

Must go faster. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

Brand Full Palette

Site Brand and Secondary color palette.

brand • Learning Ukulele with Curt * #837a6f * Primary * 2023-06 is Fuscous Gray with mods
50
100
200
300
400
500
600
700
800
900
950
secondary • #ffad00 * Secondary * 2023-06 is Yellow-Sea
50
100
200
300
400
500
600
700
800
900
950
csp • Curt Sheller Publications * #002e5d *
50
100
200
300
400
500
600
700
800
900
950

Color Palette Inspirations

a few of the inspirations for a site palette

cosmic • COSMIC, System76 Pop!_os future DE
50
100
200
300
400
500
600
700
800
900
950
mint • From Mint Mobile
50
100
200
300
400
500
600
700
800
900
950

Site Colors

Membership Colors

Only using [100,300,500,700,900] for membership/status colors.

bronze • #d4af37
50
100
200
300
400
500
600
700
800
900
950
silver • #abacae
50
100
200
300
400
500
600
700
800
900
950
gold • #cd7f32
50
100
200
300
400
500
600
700
800
900
950

A sample of the colors for icons, tags, badges, etc...

bronze
silver
gold
forever
student
info
instrument
subject

tailwindcss Colors

red • Red
50
100
200
300
400
500
600
700
800
900
950
orange • Orange
50
100
200
300
400
500
600
700
800
900
950
amber • Amber
50
100
200
300
400
500
600
700
800
900
950
yellow • Yellow
50
100
200
300
400
500
600
700
800
900
950
lime • Lime
50
100
200
300
400
500
600
700
800
900
950
green • Green
50
100
200
300
400
500
600
700
800
900
950
emerald • Emerald
50
100
200
300
400
500
600
700
800
900
950
cyan • Cyan
50
100
200
300
400
500
600
700
800
900
950
sky • Sky
50
100
200
300
400
500
600
700
800
900
950
blue • Blue
50
100
200
300
400
500
600
700
800
900
950
indigo • Indigo
50
100
200
300
400
500
600
700
800
900
950
violet • Violet
50
100
200
300
400
500
600
700
800
900
950
purple • Purple
50
100
200
300
400
500
600
700
800
900
950
fuchsia • Fuchsia
50
100
200
300
400
500
600
700
800
900
950
pink • Pink
50
100
200
300
400
500
600
700
800
900
950
rose • Rose
50
100
200
300
400
500
600
700
800
900
950
slate • Slate
50
100
200
300
400
500
600
700
800
900
950
gray • Gray
50
100
200
300
400
500
600
700
800
900
950
zinc • Zinc
50
100
200
300
400
500
600
700
800
900
950
neutral • Neutral
50
100
200
300
400
500
600
700
800
900
950
stone • Stone
50
100
200
300
400
500
600
700
800
900
950

Text Examples

This also might fake out the production build and not strip away these colors.

Brand

text-brand-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

CSP

text-csp-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

COSMIC

text-cosmic-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

COSMIC on Dark Mode

text-cosmic-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

Red

text-red-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

text-blue-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

text-green-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

text-yellow-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

text-orange-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

text-gray-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

text-grey-500 • Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod sit, possimus quae dicta voluptatem distinctio, fuga rem molestias tempora fugit lias tempore magni natus reiciendis odio earum animi labore.

Social & Brand Colors

A lot of different shades of red and blue.

apple #dce0e3 • affinity #222324 • affinityphoto #7e4dd2 • affinitydesigner #1b72be • affinitypublisher #c9284d • csp #002b5e • digitalocean #008bcf • dropbox #0060ff • linode #1c6d38 • vultr #oo7bfc • facebook #3b5998 • github #4078c0 • google #4285f4 • instagram #405de6 • laravel #f55247 • linux #2b2928 • learning #2b2928 • learningukulele #5c7d83 • mastodon #1b4299 • paypal #003087 • pincrest #cb2028 • pop_os #48b9c7 • raspberrypi #c51a4a • reddit #ff4500 • skype #00aff0 • stripe #00afe1 • square #003792 • telegram #0088cc • twitter #1da1f2 • twitch #9146ff • ubuntu #e66535 • windows #0078d6 • youtube #ff0000 • vimeo #162221 • zoom #388bf5 •

Site Access Plans for LearningUkulele.com

Forever Access - With Forever Premium Access, you get ALL the benefits of a Premium Access Subscription such as Unlimited 24/7 access to ALL lessons, downloads, songs, play-along jam tracks, videos, email access to Curt, resources, related assets, and ALL books by Curt as FREE downloads. Pretty much everything on the site, and NEVER worry about a subscription or surprise payment again. And jump the queue for responding to any questions.

If you're anything like me (Curt) and getting Subscription overloaded with everything and everybody on-line wanting money from you once a month — I'm with you. For like-minded individuals, this forever plan is a pay once, and you're done.

The price for Unlimited Forever access is right around the cost of a few months of private lessons. I can guarantee there is more than enough material on-line to keep you busy for a long, long time. And, you get all of my books for FREE . That alone is more than the cost of this plan.

Premium Access — This premium gives you Unlimited 24/7 access to ALL lessons, downloads, songs, play-along jam tracks, videos, email access to Curt, resources and related assets. As well as ALL books by Curt Sheller as FREE downloads.

Basic Access — A limited selection of basic lessons — ( currently over 140 ) and 100+ songs for ukulele as well as basic general music reference material — FREE

Simply Register/Signup. HOWEVER – I've been doing ukulele and LearningUkulele.com since 2003 and probably have given too much away already - as reflected in my income from the site in relationship to the time spent on the site. So help support this site and its continued development by signing up for one of the below Premium Access Plans or buy a few of my books. - Thanks, Curt

NOTE: Each higher access level includes ALL the benefits of the lower levels. Private Lessons include all the benefits of a Premium Access Plans as long as you remain a student on the schedule.

Love LearningUkulele.com? • Show your support!
Support development via a monthly membership or a one-time forever membership!

Sign-Up Today …