Skip to content

Why 2 separate and overlapping color paletes? The Case of Teal and Fifty Shades of Gray #3081

Answered by simonswiss
ahtik asked this question in Help
Discussion options

You must be logged in to vote

Hey! 👋

The palette at the beginning of https://tailwindcss.com/docs/customizing-colors is what you get out of the box, if you don't specify anything color related in your Tailwind config file.

It is a subset of the complete color palette. A sensible decision that meets the balance between variety of colors, and generated file size.

The palette at the bottom, with the 50 shades of gray, is the complete set of colors available.

In other words, if you do nothing with theme.colors or theme.extend.colors in your config file, you get the color palette from the top of that docs page.

Re: yellow/amber - this is intentional. Same with green/emerald and purple/violet. We tried to stick with the mos…

Replies: 2 comments

Comment options

You must be logged in to vote
0 replies
Answer selected by simonswiss
Comment options

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Help
Labels
None yet
2 participants
Converted from issue

This discussion was converted from issue #3081 on December 14, 2020 04:25.